Action bar fixes

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'}}>

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' : ''
             }}>