INPUT PAGE WIP

webserver/src/components/Navigation/Drawer/SideDrawer.css

@@ -31,8 +31,11 @@
 .side_drawer a {
     color: white;
     text-decoration: none;
-    font-size: 2rem;
+    font-size: 3rem;
     z-index: 1;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    padding-right: 1000%;
 }
 
 .side_drawer a:hover,

webserver/src/components/Navigation/PagesList.js

@@ -4,8 +4,8 @@ import { Link } from "react-router-dom";
 const PagesList = props => {
     return (
         <ul>
-            <button><Link onClick={props.click} to="/Dashboard">Dashboard</Link></button>
-            <button><Link onClick={props.click} to="/Input">Input</Link></button>
+            <li><Link onClick={props.click} to="/Dashboard">Dashboard</Link></li>
+            <li><Link onClick={props.click} to="/Input">Input</Link></li>
         </ul>
     )
 }

webserver/src/components/Navigation/Toolbar/Toolbar copy.css

@@ -0,0 +1,58 @@
+.toolbar {
+    position: sticky;
+    top: 0px;
+    left: 0;
+    width: 100%;
+    background: #00a65a;
+    height: 56px
+}
+
+.toolbar_navigation {
+    display: flex;
+    height: 100%;
+    align-items: center;
+    padding: 0 1rem;
+}
+
+.toolbar_logo {
+    margin-left: 0.5rem;
+}
+
+.toolbar_logo a {
+    color: white;
+    text-decoration: none;
+    font-size: 2.0rem;
+    height: 100%;
+}
+
+.toolbar_spacer {
+    flex: 1;
+}
+
+.toolbar_items ul {
+    list-style: none;
+    margin: 0;
+    padding: 0 0;
+    display: flex;
+}
+
+.toolbar_items li {
+    padding: 0 0.6rem;
+}
+
+.toolbar_items button {
+    color: white;
+    text-decoration: none;
+    font-size: 1.5rem;
+}
+
+.toolbar_items a:hover,
+.toolbar_items a:active {
+    color: #ff3b76;
+}
+
+@media (max-width: 768px) {
+    .toolbar_items {
+        display: none;
+    }
+}

webserver/src/components/Navigation/Toolbar/Toolbar.css

@@ -22,7 +22,6 @@
     color: white;
     text-decoration: none;
     font-size: 2.0rem;
-    height: 100%;
 }
 
 .toolbar_spacer {
@@ -37,14 +36,19 @@
 }
 
 .toolbar_items li {
+    color: white;
+    background-color: #00000000;
+    
+    text-decoration: none;
+    font-size: 1.5rem;
     padding: 0 0.6rem;
 }
 
 .toolbar_items a {
     color: white;
     text-decoration: none;
-    font-size: 1.5rem;
-    height: 200%;
+    padding-top: 0.8rem;
+    padding-bottom: 0.8rem;
 }
 
 .toolbar_items a:hover,