1 files changed, 21 insertions, 13 deletions
diff --git a/frontend/index.css b/frontend/index.css
index a718784..40c74bd 100644
--- a/frontend/index.css
+++ b/frontend/index.css
@@ -24,20 +24,28 @@ header > h1 {
 }
 
 main {
+    display: flex;
+    flex-direction: row;
     color: #1a1a1a;
     width: 1260px;
     background-color: white;
     flex: 1 1 100%;
     height: 100%;
     margin-bottom: 1rem;
+    overflow-y: hidden;
+}
+
+section {
     overflow-y: auto;
 }
 
 nav {
-    width: 1260px;
+    width: 25%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
     text-align: left;
     font-size: 1rem;
-    border-bottom: 1px solid #404040;
 }
 
 nav > a {
@@ -45,7 +53,6 @@ nav > a {
     text-decoration: none;
     display: inline-block;
     min-width: 196px;
-    padding: 0.25rem;
 }
 
 nav > a:hover {
@@ -58,14 +65,6 @@ nav > a:hover {
     font-weight: bold;
 }
 
-section {
-    padding: 1rem;
-}
-
-hr {
-    width: 90%;
-}
-
 .spin-loader {
     border: 5px solid #f3f3f3;
     border-top: 5px solid #555;
@@ -86,7 +85,7 @@ section > p {
 }
 
 /*
-    Helpful inputs
+    Helpful widgets
 */
 .vec2_input_group {
     position: relative;
@@ -111,6 +110,15 @@ section > p {
     width: 45%;
 }
 
+.slider_container {
+    display: flex;
+    flex-direction: column;
+}
+
+.slider_container > label {
+    font-weight: 500;
+}
+
 /*
     WebGL container styling from here on.
 */
@@ -155,7 +163,7 @@ section .opengl_canvas_container .stop_button {
     height: 2rem;
     border-radius: 2px;
     top: 0.5rem;
-    left: 612px;
+    left: 536px;
     display: none;
 }