chore: more spacious star, css missing semicolon, more responsiveness check juror button

Author: kemuru

web/src/components/Verdict/index.tsx

@@ -1,13 +1,15 @@
 import React from "react";
 import styled from "styled-components";
 
+import { responsiveSize } from "styles/responsiveSize";
+
 import DisputeTimeline from "./DisputeTimeline";
 import FinalDecision from "./FinalDecision";
 
 const Container = styled.div`
   display: flex;
   flex-wrap: wrap;
-  gap: 24px;
+  gap: ${responsiveSize(16, 24)};
 `;
 
 interface IVerdict {

web/src/pages/Cases/CaseDetails/index.tsx

@@ -45,7 +45,7 @@ const Header = styled.h1`
   font-size: ${responsiveSize(20, 24)};
   align-items: center;
   flex: 1;
-  gap: 8px;
+  gap: ${responsiveSize(8, 12)};
   margin: 0;
 `;
 

web/src/pages/Home/TopJurors/JurorCard/MobileCard.tsx

@@ -19,7 +19,7 @@ const Container = styled.div`
   width: 100%;
   background-color: ${({ theme }) => theme.whiteBackground};
   padding: 8px 8px 12px;
-  border 1px solid ${({ theme }) => theme.stroke};
+  border: 1px solid ${({ theme }) => theme.stroke};
   border-top: none;
   align-items: center;
   gap: 18px;