From fb90ab480a196b95067af133e4b12cb6000b28f0 Mon Sep 17 00:00:00 2001
From: Philipp Heckel <pheckel@datto.com>
Date: Sat, 26 Feb 2022 14:36:23 -0500
Subject: [PATCH] Action bar fixes

---
 web/src/components/ActionBar.js  | 2 +-
 web/src/components/Navigation.js | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/src/components/ActionBar.js b/web/src/components/ActionBar.js
index a2e86891..d5472ed9 100644
--- a/web/src/components/ActionBar.js
+++ b/web/src/components/ActionBar.js
@@ -14,7 +14,7 @@ const ActionBar = (props) => {
     return (
         <AppBar position="fixed" sx={{
             width: '100%',
-            zIndex: { sm: 2000 }, // > Navigation
+            zIndex: { sm: 1250 }, // > Navigation (1200), but < Dialog (1300)
             ml: { sm: `${Navigation.width}px` }
         }}>
             <Toolbar sx={{pr: '24px'}}>
diff --git a/web/src/components/Navigation.js b/web/src/components/Navigation.js
index e5ec942e..940be5d0 100644
--- a/web/src/components/Navigation.js
+++ b/web/src/components/Navigation.js
@@ -65,7 +65,9 @@ const NavList = (props) => {
     const showGrantPermissionsBox = props.subscriptions.size() > 0 && !props.notificationsGranted;
     return (
         <>
-            <Toolbar/>
+            <Toolbar sx={{
+                display: { xs: 'none', sm: 'block' }
+            }}/>
             <List component="nav" sx={{
                 paddingTop: (showGrantPermissionsBox) ? '0' : ''
             }}>