From 644a598fb76d23a042a69a45806623ccb9fb79de Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Wed, 4 May 2022 18:21:53 -0700
Subject: Reduce tablet breakpoint

---
 modern/src/reports/ReplayPage.js   | 4 ++--
 modern/src/reports/ReportLayout.js | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

(limited to 'modern/src/reports')

diff --git a/modern/src/reports/ReplayPage.js b/modern/src/reports/ReplayPage.js
index d7c77ee8..51beaeca 100644
--- a/modern/src/reports/ReplayPage.js
+++ b/modern/src/reports/ReplayPage.js
@@ -27,7 +27,7 @@ const useStyles = makeStyles((theme) => ({
     top: 0,
     margin: theme.spacing(1.5),
     width: theme.dimensions.drawerWidthDesktop,
-    [theme.breakpoints.down('md')]: {
+    [theme.breakpoints.down('sm')]: {
       width: '100%',
       margin: 0,
     },
@@ -42,7 +42,7 @@ const useStyles = makeStyles((theme) => ({
   reportFilterContainer: {
     flex: 1,
     padding: theme.spacing(2),
-    [theme.breakpoints.down('md')]: {
+    [theme.breakpoints.down('sm')]: {
       margin: theme.spacing(1),
     },
   },
diff --git a/modern/src/reports/ReportLayout.js b/modern/src/reports/ReportLayout.js
index 8606ed42..98a2bc75 100644
--- a/modern/src/reports/ReportLayout.js
+++ b/modern/src/reports/ReportLayout.js
@@ -25,7 +25,7 @@ const useStyles = makeStyles((theme) => ({
   },
   drawer: {
     width: theme.dimensions.drawerWidthDesktop,
-    [theme.breakpoints.down('md')]: {
+    [theme.breakpoints.down('sm')]: {
       width: theme.dimensions.drawerWidthTablet,
     },
   },
@@ -45,7 +45,7 @@ const useStyles = makeStyles((theme) => ({
     },
   },
   toolbar: {
-    [theme.breakpoints.down('md')]: {
+    [theme.breakpoints.down('sm')]: {
       ...theme.mixins.toolbar,
     },
   },
@@ -85,7 +85,7 @@ const ReportLayout = ({ children, filter }) => {
 
   return (
     <div className={classes.root}>
-      <Hidden only={['lg', 'xl']}>
+      <Hidden mdUp>
         <NavBar setOpenDrawer={setOpenDrawer} title={pageTitle} />
         <Drawer
           variant="temporary"
@@ -96,7 +96,7 @@ const ReportLayout = ({ children, filter }) => {
           <SideNav routes={routes} />
         </Drawer>
       </Hidden>
-      <Hidden only={['xs', 'sm', 'md']}>
+      <Hidden smDown>
         <Drawer
           variant="permanent"
           classes={{ root: classes.drawerContainer, paper: classes.drawer }}
-- 
cgit v1.2.3