fix css causing unecessary scroll legroom

Co-Authored-By: RICHARD Dorian <[email protected]>

styles.css

@@ -1,10 +1,12 @@
-html, body {
-    height: 100%;
+body {
     font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
     color: white;
     background-color: rgb(13, 17, 23);
     margin: 0;
     padding: 0;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
 }
 
 .function {
@@ -50,7 +52,7 @@ label {
     /*border-radius: 10px;*/
     display: flex;
     border-bottom: 1px #21262d solid;
-    height: 100%
+    flex-grow: 1
 }
 
 #functions h2 {
@@ -59,7 +61,10 @@ label {
 
 #functions {
     min-width: 230px;
+    max-width: 230px;
     width: 20%;
+    display: flex;
+    flex-direction: column;
     border-right: 1px #21262d solid;
 }
 
@@ -70,8 +75,9 @@ label {
 
 #parameters {
     background-color: rgb(1, 4, 9);
-    width: 80%;
-    padding: 1em
+    width: auto;
+    padding: 1em;
+    flex-grow: 1
 }
 
 button, input[type="checkbox"] {