Merge pull request 'css tweaks' (#17) from YasinOnm08/interstellar_ai:main into main

Reviewed-on: https://interstellardevelopment.org/code/code/React-Group/interstellar_ai/pulls/17

app/styles/container.css

@@ -1,5 +1,6 @@
 /* container.css */
 .container {
+    padding-top: 10vh;
     display: flex;
     height: 100vh;
     width: 100vw;
@@ -8,7 +9,7 @@
 }
 
 .left-panel {
-    width: 30vw; /* Adjust as needed */
+    width: 25vw; /* Adjust as needed */
     transition: width 0.3s ease, visibility 0.3s ease; /* Transition for width, opacity, and visibility */
 }
 

app/styles/models.css

@@ -5,8 +5,8 @@
     background-color: var(--models-background-color);
     border-radius: 2em;
     padding: 1em;
-    margin: 1em;
-    height: 50vh;
+    margin-left: 1em;
+    height: 40vh;
     box-sizing: border-box;
     overflow: hidden;
 }
@@ -37,6 +37,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    font-size: 0.7em;
 }
 
 .grid {
@@ -47,7 +48,7 @@
 }
 
 .grid h3 {
-    font-size: x-large;
+    font-size: large;
 }
 
 .model-box {

app/styles/output.css

@@ -9,11 +9,11 @@
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
-    font-size: 1.2em;
+    font-size: 1em;
     overflow-y: auto;
     margin-bottom: 0;
     width: 100% -2em;
-    height: 80vh;
+    height: 70vh;
     margin-bottom: 1vh;
 }