Fix/table pagination padding

CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## v0.42.2
+
+- fix the pagination footer padding its left side 24px; the toolbar now pads it 12px by default and 8px with `size='small'`
+
 ## v0.42.1
 
 - fix the sticky head cell of the tables painting `background.default` instead of white; `muiThemeOptions` now overrides `MuiTableCell.stickyHeader` with `neutral[50]`

package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.42.1",
+    "version": "0.42.2",
     "author": "NG",
     "license": "MIT",
     "main": "dist/index.js",

src/core/data-display/table/index.tsx

@@ -17,6 +17,7 @@ const SMALL_SIZE_SX = {
     // icon 12px from the edge, the same inset the small cells use
     '&& tfoot .MuiTablePagination-toolbar': {
         minHeight: '40px',
+        paddingLeft: '8px',
         paddingRight: '8px'
     },
     // the labels are `p` elements, and their default `1em` margin is what

src/core/data-display/table/table-pagination.tsx

@@ -69,7 +69,10 @@ const TablePagination = ({
                 ...style
             }}
             sx={{
-                borderBottom: `1px solid ${gray[200]}`
+                borderBottom: `1px solid ${gray[200]}`,
+                '&& .MuiTablePagination-toolbar': {
+                    paddingLeft: '12px'
+                }
             }}
             slotProps={
                 footerActions