LF-4612c Fix margin on icons without checkbox

LiteFarmOrg · Dec 12, 2024 · 23581ce · 23581ce
1 parent 1a60bdb
commit 23581ce
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/packages/webapp/src/components/Table/Cell/styles.module.scss b/packages/webapp/src/components/Table/Cell/styles.module.scss
@@ -31,7 +31,6 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  margin-left: -12px;
 }
 
 .photoUrl,

diff --git a/packages/webapp/src/components/Table/TableV2.jsx b/packages/webapp/src/components/Table/TableV2.jsx
@@ -228,7 +228,11 @@ export default function TableV2(props) {
                     return (
                       <TableCell
                         key={id}
-                        className={clsx(styles.tableCell, dense && styles.dense)}
+                        className={clsx(
+                          styles.tableCell,
+                          dense && styles.dense,
+                          shouldShowCheckbox && id === 'identification' && styles.afterCheckbox,
+                        )}
                         align={align || 'left'}
                         {...columnProps}
                       >

diff --git a/packages/webapp/src/components/Table/styles.module.scss b/packages/webapp/src/components/Table/styles.module.scss
@@ -169,6 +169,10 @@
     padding: 0 12px;
     height: 40px;
   }
+
+  &.afterCheckbox > div:first-child {
+    margin-left: -12px;
+  }
 }
 
 .loadMoreCell {