fix: margin adjustments case overview page

Author: kemuru

web/src/components/DisputePreview/DisputeContext.tsx

@@ -27,6 +27,8 @@ const ReactMarkdownWrapper = styled.div`
   }
 `;
 
+const QuestionAndDescriptionWrapper = styled.div``;
+
 const VotingOptions = styled.div`
   display: flex;
   flex-direction: column;
@@ -38,7 +40,7 @@ const AnswersContainer = styled.div`
   flex-direction: column;
 `;
 
-const AnswersHeader = styled.h3`
+const AnswersHeader = styled.small`
   margin: 0;
 `;
 
@@ -66,7 +68,7 @@ export const DisputeContext: React.FC<IDisputeContext> = ({ disputeDetails, isRp
     <>
       <StyledH1>{isUndefined(disputeDetails) ? <StyledSkeleton /> : (disputeDetails?.title ?? errMsg)}</StyledH1>
       {!isUndefined(disputeDetails) ? (
-        <>
+        <QuestionAndDescriptionWrapper>
           {disputeDetails?.question?.trim() ? (
             <ReactMarkdownWrapper>
               <ReactMarkdown>{disputeDetails.question}</ReactMarkdown>
@@ -77,7 +79,7 @@ export const DisputeContext: React.FC<IDisputeContext> = ({ disputeDetails, isRp
               <ReactMarkdown>{disputeDetails.description}</ReactMarkdown>
             </ReactMarkdownWrapper>
           ) : null}
-        </>
+        </QuestionAndDescriptionWrapper>
       ) : null}
 
       {isUndefined(disputeDetails?.frontendUrl) ? null : (

web/src/components/Verdict/FinalDecision.tsx

@@ -53,7 +53,6 @@ const VerdictContainer = styled.div`
 
 const JuryDecisionTag = styled.small`
   font-weight: 400;
-  line-height: 19px;
   color: ${({ theme }) => theme.secondaryText};
 `;
 

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

@@ -29,6 +29,7 @@ const StyledCard = styled(Card)`
   width: 100%;
   height: auto;
   min-height: 100px;
+  border-radius: 0 0 3px 3px;
 `;
 
 const HeaderContainer = styled.div`