Fix bug with overlay zindex

client/src/App.css

@@ -37,11 +37,7 @@
   width: 100%;
 }
 
-.noscrolling {
-  overflow: hidden;
-}
-
-.autoscroling {
-  overflow: auto;
+.sidenav-overlay {
+  z-index: 996;
 }
 

client/src/App.js

@@ -14,9 +14,9 @@ function App() {
   
   return (
 
-     <Router className="noscrolling">
+     <Router>
+    <div className="navbar-fixed">
     <Navbar brand={<div>GKS</div>} alignLinks="right">
-
       <RoutableNavItem href={CRIB}>
         Crib
       </RoutableNavItem>
@@ -31,6 +31,7 @@ function App() {
 
     </Navbar>
 
+</div>
       <div className="autoscrolling"> 
         <Route exact path={CRIB} component={Cash} />
         <Route path={MAKE_MONEY_MOVE} component={MakeMoneyMove} />

client/src/cash/MakeMoneyMove.js

@@ -9,6 +9,7 @@ const MakeMoneyMove = (props) => {
 
 return (
 <div>
+   <h3>Make Money Move</h3>
    <TextInput label="How Much?" />
    <label>From: </label>
    <Collection>