Fix table pagination styles

2019-09-03 12:55:32 +02:00 · 2019-09-03 12:55:32 +02:00 · 41c1b6b067
commit 41c1b6b067
parent 8cc711c85d
1 changed files with 8 additions and 1 deletions
--- a/src/components/TablePagination/TablePaginationActions.tsx
+++ b/src/components/TablePagination/TablePaginationActions.tsx
@ -31,6 +31,10 @@ const styles = (theme: Theme) =>
    },
    disabled: {},
    iconButton: {
+      "& svg": {
+        border: `solid 1px #BDBDBD`,
+        borderRadius: "50%"
+      },
      "& > span:first-of-type": {
        backgroundColor: theme.palette.background.default,
        borderRadius: "100%",
@ -46,7 +50,10 @@ const styles = (theme: Theme) =>
    root: {
      color: theme.palette.text.secondary,
      flexShrink: 0,
-      marginLeft: theme.spacing.unit * 2.5
+      margin: `0 ${theme.spacing.unit * 2.5}px`,
+      "& button": {
+        padding: 6
+      }
    }
  });