fix(web): disputecards aligned to left, shadearea without space-between

Author: kemuru

web/src/components/CasesDisplay/CasesGrid.tsx

@@ -15,7 +15,6 @@ import CasesListHeader from "./CasesListHeader";
 const GridContainer = styled.div`
   display: flex;
   flex-wrap: wrap;
-  justify-content: center;
   align-items: center;
   gap: 24px;
 `;

web/src/components/DisputeCard/index.tsx

@@ -18,6 +18,7 @@ import { isUndefined } from "utils/index";
 const StyledCard = styled(Card)`
   width: 100%;
   height: calc(272px + (296 - 270) * (min(max(100vw, 375px), 1250px) - 375px) / 875);
+
   ${landscapeStyle(
     () =>
       css`

web/src/components/LatestCases.tsx

@@ -18,7 +18,6 @@ const DisputeContainer = styled.div`
   display: flex;
   gap: 24px;
   flex-wrap: wrap;
-  justify-content: center;
 `;
 
 const LatestCases: React.FC<{ filters?: Dispute_Filter }> = ({ filters }) => {

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

@@ -97,7 +97,6 @@ const StyledA = styled.a`
 
 const LinkContainer = styled.div`
   display: flex;
-  justify-content: space-between;
   gap: calc(8px + (24 - 8) * (min(max(100vw, 375px), 1250px) - 375px) / 875);
 `;