-React ui tested

buildtime/client/logical-editor/src/App.css

@@ -4,7 +4,7 @@
   display: flex;
   background: var(--code-bg);
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-  height: 30px;
+  height: 50px;
 }
 
 .navbar h1 {
@@ -24,11 +24,40 @@
 }
 
 .logo { 
-  width: 60px;
-  height: 60px;
+  width: 55px;
+  height: 55px;
   float: right;
   align-items: right;
   margin-right: 5px;
   margin-left: 5px;
-  margin-top: -15px;
+  margin-top: -5px;
+}
+
+.sidebar {
+  padding: 16px;
+  color: gray;
+  background: var(--code-bg);
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+  height: 100%;
+  width: 200px;
+}
+
+.sidebar h1 {
+  font-size: 16px;
+  letter-spacing: -1.68px;
+  margin: 4px 10px 0 0;
+  @media (max-width: 1024px) {
+    font-size: 14px;
+    margin: 20px 0;
+  }
+}
+
+.sidebar h2 {
+  font-size: 14px;
+  letter-spacing: -1px;
+  margin: 8px 16px 0 0;
+  @media (max-width: 1024px) {
+    font-size: 14px;
+    margin: 20px 0;
+  }
 }