Merge pull request #2466 from vedmalex/vedmalex-fox-2463

Fix Edit toolbar hides the last form item on mobile
marmelab · Oct 25, 2018 · d8d2ab8 · d8d2ab8
2 parents 4990c60 + 3d82db1
commit d8d2ab8
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/packages/ra-ui-materialui/src/layout/CardContentInner.js b/packages/ra-ui-materialui/src/layout/CardContentInner.js
@@ -4,18 +4,21 @@ import classnames from 'classnames';
 import CardContent from '@material-ui/core/CardContent';
 import { withStyles } from '@material-ui/core/styles';
 
-const styles = {
-    root: {
-        paddingTop: 0,
-        paddingBottom: 0,
-        '&:first-child': {
-            paddingTop: 16,
-        },
-        '&:last-child': {
-            paddingBottom: 16,
-        },
+var styles = theme => ({
+  root: {
+    paddingTop: 0,
+    paddingBottom: 0,
+    '&:first-child': {
+      paddingTop: 16,
     },
-};
+    '&:last-child': {
+      paddingBottom: 16,
+      [theme.breakpoints.only('xs')]: {
+        paddingBottom: 70,
+      },
+    },
+  },
+});
 
 /**
  * Overrides material-ui CardContent to allow inner content