Initial navbar mobile support

dashboard/src/theme.scss

@@ -381,27 +381,39 @@ html, body {
 
 .nav-sidebar-toggle-button {
     position: absolute;
-    right: 0;
-    top: 50%;
-    width: 20px;
+    left: 10px;
+    top: 10px;
 }
 
 .nav-sidebar {
     position: relative;
-    transition: all 200ms ease;
+    z-index: 1000;
+    transition: all 250ms ease;
     width: 250px;
+    height: 100%;
     white-space: nowrap !important;
     overflow: hidden;
     display: flex;
     flex-direction: column;
-    padding: 10px;
-    padding-top: 22px;
     background-color: var(--navbar-background);
     border-right: 1px solid var(--pankow-color-background-hover);
+    padding: 22px 10px 10px 10px;
 }
 
-.nav-sidebar.closed {
-    width: 0;
+@media(max-width:767px) {
+    .nav-sidebar {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 0;
+        padding: 22px 0 10px 0;
+        border-right: 0;
+    }
+
+    .nav-sidebar.open {
+        width: 100%;
+        padding: 22px 10px 10px 10px;
+    }
 }
 
 .nav-sidebar-logo img {