From 9e0e45c495f5db70f29c05d8a6ff8e9166cbf318 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Thu, 26 May 2022 17:05:14 -0700
Subject: Improve page layout

---
 modern/src/common/components/PageLayout.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'modern')

diff --git a/modern/src/common/components/PageLayout.js b/modern/src/common/components/PageLayout.js
index 9d05b703..43fd68ea 100644
--- a/modern/src/common/components/PageLayout.js
+++ b/modern/src/common/components/PageLayout.js
@@ -33,7 +33,10 @@ const useStyles = makeStyles((theme) => ({
   mobileDrawer: {
     width: theme.dimensions.drawerWidthTablet,
   },
-  toolbar: theme.mixins.toolbar,
+  desktopToolbar: theme.mixins.toolbar,
+  mobileToolbar: {
+    zIndex: 1,
+  },
   content: {
     flexGrow: 1,
     alignItems: 'stretch',
@@ -103,7 +106,7 @@ const PageLayout = ({ menu, breadcrumbs, children }) => {
           >
             {menu}
           </Drawer>
-          <AppBar position="static" color="inherit">
+          <AppBar className={classes.mobileToolbar} position="static" color="inherit">
             <Toolbar>
               <IconButton color="inherit" edge="start" sx={{ mr: 2 }} onClick={() => setOpenDrawer(true)}>
                 <MenuIcon />
-- 
cgit v1.2.3