Merge pull request #2080 from MahtabBukhari/queued_icons_should_be_ac…

…cording_to_figma Source Queued tick and cross icons are not according to figma
stakwork · Sep 12, 2024 · 38117b5 · 38117b5
2 parents 1dd6411 + ae1fab9
commit 38117b5
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/SourcesTableModal/SourcesView/QueuedSources/Table/index.tsx b/src/components/SourcesTableModal/SourcesView/QueuedSources/Table/index.tsx
@@ -88,12 +88,12 @@ const Table: React.FC<Props> = ({ data }) => {
                 )}
               </StyledTableCell>
               <StyledTableCell className="cell-center">
-                <Flex direction="row" justify="space-between">
-                  <div className="approve-wrapper">
+                <Flex direction="row" justify="flex-end">
+                  <CheckCircleWrapper className="approve-wrapper">
                     <IconWrapper className="centered" onClick={() => handleApprove(i.ref_id)}>
                       <MdCheckCircle color={colors.primaryGreen} fontSize={24} />
                     </IconWrapper>
-                  </div>
+                  </CheckCircleWrapper>
                   <div className="delete-wrapper">
                     {loadingId === i.ref_id ? (
                       <ClipLoader color={colors.white} size={16} />
@@ -144,3 +144,8 @@ const StyledLink = styled.a`
     cursor: pointer;
   }
 `
+
+
+const CheckCircleWrapper = styled.div`
+  margin-right: 40px;
+    `