Fix: align assets table (#3984)

* Fix: align assets table * Mobile view
safe-global · Jul 23, 2024 · b909b49 · b909b49
1 parent 5b4e1ba
commit b909b49
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/components/balances/AssetsTable/index.tsx b/src/components/balances/AssetsTable/index.tsx
@@ -164,7 +164,7 @@ const AssetsTable = ({
                           inheritViewBox
                           color="error"
                           fontSize="small"
-                          sx={{ verticalAlign: 'middle', marginLeft: 0.5 }}
+                          sx={{ verticalAlign: 'middle', ml: 0.5, mr: [0, '-20px'] }}
                         />
                       </span>
                     </Tooltip>

diff --git a/src/components/common/EnhancedTable/index.tsx b/src/components/common/EnhancedTable/index.tsx
@@ -88,6 +88,7 @@ function EnhancedTableHead(props: EnhancedTableHeadProps) {
                   active={orderBy === headCell.id}
                   direction={orderBy === headCell.id ? order : 'asc'}
                   onClick={createSortHandler(headCell.id)}
+                  sx={{ mr: [0, '-26px'] }}
                 >
                   {headCell.label}
                   {orderBy === headCell.id ? (

diff --git a/src/components/transactions/TxDetails/styles.module.css b/src/components/transactions/TxDetails/styles.module.css
@@ -33,7 +33,7 @@
   margin-left: calc(var(--space-2) * -1);
   margin-right: calc(var(--space-2) * -1);
   padding: var(--space-2);
-  padding-top: var(--space-3)
+  padding-top: var(--space-3);
 }
 .txData,
 .swapOrder {