Merge pull request #3283 from cardano-foundation/feat/MET-1957-pool-d…

…etails-view Feat: met 1957 pool details view
cardano-foundation · Apr 8, 2024 · 27d6869 · 27d6869
2 parents d678dd5 + bcefbac
commit 27d6869
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/components/GovernanceVotes/index.tsx b/src/components/GovernanceVotes/index.tsx
@@ -374,7 +374,7 @@ const GovernanceVotesDetail: React.FC<{
 
       <DataContainer sx={{ boxShadow: "unset" }}>
         <StyledGrid container>
-          <Item item xs={6} md={3} top={1}>
+          <Item item xs={6} md={3} top={1} pr={"5px !important"}>
             <Box display="flex" justifyContent="space-between" pr={"5px"}>
               <CustomIcon fill={theme.palette.secondary.light} icon={GovernanceIdIcon} height={22} marginTop="15px" />
               <BlackWarningIcon />
@@ -420,7 +420,7 @@ const GovernanceVotesDetail: React.FC<{
               </Box>
             </InfoValue>
           </Item>
-          <Item item xs={6} md={3} top={1}>
+          <Item item xs={6} md={3} top={1} pr={"5px !important"}>
             <Box display="flex" justifyContent="space-between" pr="5px">
               <CustomIcon fill={theme.palette.secondary.light} icon={ActionTypeIcon} height={22.27} marginTop="15px" />
               <BlackWarningIcon />
@@ -430,7 +430,7 @@ const GovernanceVotesDetail: React.FC<{
             </InfoTitle>
             <InfoValue>{actionTypeListDrep.find((action) => action.value === data?.govActionType)?.text}</InfoValue>
           </Item>
-          <Item item xs={6} md={3} top={1} sx={{ position: "relative" }}>
+          <Item item xs={6} md={3} top={1} sx={{ position: "relative", pr: "5px !important" }}>
             <Box display="flex" justifyContent="space-between" pr="5px">
               <CustomIcon fill={theme.palette.secondary.light} icon={VoteIcon} height={27} marginTop="15px" />
               <BlackWarningIcon />
@@ -517,7 +517,7 @@ const GovernanceVotesDetail: React.FC<{
               )}
             </InfoValue>
           </Item>
-          <Item item xs={6} md={3} top={1} sx={{ position: "relative" }} width={"100%"}>
+          <Item item xs={6} md={3} top={1} sx={{ position: "relative", pr: "5px !important" }} width={"100%"}>
             <Box display="flex" justifyContent="space-between" pr="5px">
               <CustomIcon fill={theme.palette.secondary.light} icon={CurrentStatusIcon} height={28} marginTop="15px" />
               <BlackWarningIcon />
@@ -532,7 +532,7 @@ const GovernanceVotesDetail: React.FC<{
               </Box>
             </InfoTitle>
           </Item>
-          <Item item xs={6} md={3}>
+          <Item item xs={6} md={3} pr={"5px !important"}>
             <Box display="flex" justifyContent="space-between" pr="5px">
               <CustomIcon
                 fill={theme.palette.secondary.light}
@@ -550,7 +550,7 @@ const GovernanceVotesDetail: React.FC<{
               {data?.votingPower ? `${data?.votingPower} ADA` : "N/A"}{" "}
             </InfoValue>
           </Item>
-          <Item item xs={6} md={3}>
+          <Item item xs={6} md={3} pr={"5px !important"}>
             <Box display="flex" justifyContent="space-between" pr="5px">
               <CustomIcon fill={theme.palette.secondary.light} height={27} icon={SubmissionDateIcon} />
               <BlackWarningIcon />
@@ -560,7 +560,7 @@ const GovernanceVotesDetail: React.FC<{
             </InfoTitle>
             <InfoValue>{formatDateTime(data?.submissionDate || "")}</InfoValue>
           </Item>
-          <Item item xs={6} md={3}>
+          <Item item xs={6} md={3} pr={"5px !important"}>
             <Box display="flex" justifyContent="space-between" pr="5px">
               <CustomIcon fill={theme.palette.secondary.light} height={27} icon={SubmissionDateIcon} />
               <BlackWarningIcon />
@@ -570,7 +570,7 @@ const GovernanceVotesDetail: React.FC<{
             </InfoTitle>
             <InfoValue>{formatDateTime(data?.expiryDate || "")}</InfoValue>
           </Item>
-          <Item item xs={6} md={3}>
+          <Item item xs={6} md={3} pr={"5px !important"}>
             <Box display="flex" justifyContent="space-between" pr="5px">
               <CustomIcon fill={theme.palette.secondary.light} height={25} icon={AnchorTextIcon} />
               <BlackWarningIcon />