fix(web): fix-list-view-style

Author: tractorss

web/src/components/DisputeView/DisputeInfo/DisputeInfoList.tsx

@@ -6,19 +6,22 @@ import Field, { IField } from "components/Field";
 import CardLabel from "../CardLabels";
 
 import { FieldItem, IDisputeInfo } from ".";
+import { responsiveSize } from "styles/responsiveSize";
 
 const Container = styled.div<{ isLabel?: boolean }>`
   display: flex;
   width: 100%;
   height: 100%;
   flex-direction: row;
   justify-content: ${({ isLabel }) => (isLabel ? "space-between" : "flex-end")};
-  flex: 0 1 450px;
+  flex: 0 1 ${responsiveSize(400, 450, 900)};
   align-items: center;
+  padding-right: ${responsiveSize(12, 24, 900)};
+  gap: 8px;
 `;
 
 const RestOfFieldsContainer = styled.div`
-  gap: 8px;
+  gap: 8px ${responsiveSize(8, 32, 900)};
   align-items: center;
   height: min-content;
   width: max-content;

web/src/components/DisputeView/DisputeListView.tsx

@@ -23,7 +23,6 @@ const ListContainer = styled.div`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
-  margin-right: 8px;
   flex-grow: 1;
 `;