UI Mechanics / New Look (orange - gray)

src/styles/TopBar.scss

@@ -5,6 +5,8 @@
   display: flex;
   justify-content: space-between;
   background-color: $main-color;
+  position: fixed;
+  z-index: 1;
 }
 
 .topBarLogo {
@@ -15,3 +17,44 @@
     opacity: 0.5;
   }
 }
+
+.topBar-logo-container {
+  margin: 0;
+  display: flex;
+
+  h5 {
+    color: $bg-color;
+    font-weight: 300;
+    font-size: 1rem;
+    margin-left: 20px;
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+}
+
+.topBar-hamburger {
+  margin-right: 20px;
+  margin-top: auto;
+  margin-bottom: auto;
+  display: flex;
+}
+
+.topbar-username {
+  color: rgb(221, 221, 221);
+  margin-right: 16px;
+  padding-top: 2px;
+}
+
+.drawer-bottom {
+  width: 100%;
+  margin-bottom: 20px;
+  display: flex;
+  justify-content: center;
+  position: absolute;
+  bottom: 0;
+}
+
+.drawer-buttons {
+  margin-left: auto;
+  margin-right: auto;
+}