Merge pull request #3 from ashfaqnisar/mui5

Author: zxhmike

src/MUIDataTable.js

@@ -57,7 +57,7 @@ const defaultTableStyles = theme => ({
   // deprecated, but continuing support through v3.x
   responsiveStacked: {
     overflow: 'auto',
-    [theme.breakpoints.down('sm')]: {
+    [theme.breakpoints.down('md')]: {
       overflow: 'hidden',
     },
   },

src/components/TableBody.js

@@ -16,14 +16,14 @@ const defaultBodyStyles = theme => ({
     textAlign: 'center',
   },
   lastStackedCell: {
-    [theme.breakpoints.down('sm')]: {
+    [theme.breakpoints.down('md')]: {
       '& td:last-child': {
         borderBottom: 'none',
       },
     },
   },
   lastSimpleCell: {
-    [theme.breakpoints.down('xs')]: {
+    [theme.breakpoints.down('sm')]: {
       '& td:last-child': {
         borderBottom: 'none',
       },

src/components/TableBodyCell.js

@@ -10,15 +10,15 @@ const useStyles = makeStyles(
       display: 'none',
     },
     simpleHeader: {
-      [theme.breakpoints.down('xs')]: {
+      [theme.breakpoints.down('sm')]: {
         display: 'inline-block',
         fontWeight: 'bold',
         width: '100%',
         boxSizing: 'border-box',
       },
     },
     simpleCell: {
-      [theme.breakpoints.down('xs')]: {
+      [theme.breakpoints.down('sm')]: {
         display: 'inline-block',
         width: '100%',
         boxSizing: 'border-box',
@@ -28,7 +28,7 @@ const useStyles = makeStyles(
       verticalAlign: 'top',
     },
     stackedCommon: {
-      [theme.breakpoints.down('sm')]: {
+      [theme.breakpoints.down('md')]: {
         display: 'inline-block',
         fontSize: '16px',
         height: 'auto',
@@ -56,7 +56,7 @@ const useStyles = makeStyles(
       },
     },
     stackedParent: {
-      [theme.breakpoints.down('sm')]: {
+      [theme.breakpoints.down('md')]: {
         display: 'inline-block',
         fontSize: '16px',
         height: 'auto',
@@ -72,19 +72,19 @@ const useStyles = makeStyles(
       boxSizing: 'border-box',
     },
     cellStackedSmall: {
-      [theme.breakpoints.down('sm')]: {
+      [theme.breakpoints.down('md')]: {
         width: '50%',
         boxSizing: 'border-box',
       },
     },
     responsiveStackedSmall: {
-      [theme.breakpoints.down('sm')]: {
+      [theme.breakpoints.down('md')]: {
         width: '50%',
         boxSizing: 'border-box',
       },
     },
     responsiveStackedSmallParent: {
-      [theme.breakpoints.down('sm')]: {
+      [theme.breakpoints.down('md')]: {
         width: '100%',
         boxSizing: 'border-box',
       },

src/components/TableBodyRow.js

@@ -18,15 +18,15 @@ const defaultBodyRowStyles = theme => ({
   },
   hoverCursor: { cursor: 'pointer' },
   responsiveStacked: {
-    [theme.breakpoints.down('sm')]: {
+    [theme.breakpoints.down('md')]: {
       borderTop: 'solid 2px rgba(0, 0, 0, 0.15)',
       borderBottom: 'solid 2px rgba(0, 0, 0, 0.15)',
       padding: 0,
       margin: 0,
     },
   },
   responsiveSimple: {
-    [theme.breakpoints.down('xs')]: {
+    [theme.breakpoints.down('sm')]: {
       borderTop: 'solid 2px rgba(0, 0, 0, 0.15)',
       borderBottom: 'solid 2px rgba(0, 0, 0, 0.15)',
       padding: 0,

src/components/TableHead.js

@@ -10,15 +10,15 @@ const useStyles = makeStyles(
   theme => ({
     main: {},
     responsiveStacked: {
-      [theme.breakpoints.down('sm')]: {
+      [theme.breakpoints.down('md')]: {
         display: 'none',
       },
     },
     responsiveStackedAlways: {
       display: 'none',
     },
     responsiveSimple: {
-      [theme.breakpoints.down('xs')]: {
+      [theme.breakpoints.down('sm')]: {
         display: 'none',
       },
     },

src/components/TableToolbar.js

@@ -65,7 +65,7 @@ export const defaultToolbarStyles = theme => ({
     marginTop: '10px',
     marginRight: '8px',
   },
-  [theme.breakpoints.down('sm')]: {
+  [theme.breakpoints.down('md')]: {
     titleRoot: {},
     titleText: {
       fontSize: '16px',
@@ -82,7 +82,7 @@ export const defaultToolbarStyles = theme => ({
       textAlign: 'right',
     },
   },
-  [theme.breakpoints.down('xs')]: {
+  [theme.breakpoints.down('sm')]: {
     root: {
       display: 'block',
       '@media print': {