From 353bd397766bb5d780e8f0877f95aa0ad492b579 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton.tananaev@gmail.com>
Date: Sat, 8 Sep 2018 10:43:46 +1200
Subject: Fix toolbar elevation

---
 modern/src/MainToolbar.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

(limited to 'modern/src/MainToolbar.js')

diff --git a/modern/src/MainToolbar.js b/modern/src/MainToolbar.js
index 1ba1550..2e6049d 100644
--- a/modern/src/MainToolbar.js
+++ b/modern/src/MainToolbar.js
@@ -16,10 +16,13 @@ import DashboardIcon from '@material-ui/icons/Dashboard';
 import BarChartIcon from '@material-ui/icons/BarChart';
 import SettingsIcon from '@material-ui/icons/Settings';
 
-const styles = {
+const styles = theme => ({
   flex: {
     flexGrow: 1
   },
+  appBar: {
+    zIndex: theme.zIndex.drawer + 1,
+  },
   list: {
     width: 250
   },
@@ -27,7 +30,7 @@ const styles = {
     marginLeft: -12,
     marginRight: 20,
   }
-};
+});
 
 class MainToobar extends Component {
   constructor(props) {
@@ -66,7 +69,7 @@ class MainToobar extends Component {
     const { classes } = this.props;
     return (
       <Fragment>
-        <AppBar position="static">
+        <AppBar position="static" className={classes.appBar}>
           <Toolbar>
             <IconButton
               className={classes.menuButton}
-- 
cgit v1.2.3