Improve responsiveness

nenadalm · Jan 18, 2024 · ae8c911 · ae8c911
1 parent d59a983
commit ae8c911
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/resources/private/css/styles.css b/resources/private/css/styles.css
@@ -37,6 +37,7 @@ body {
 }
 
 .game-box {
+    height: 100%;
     display: flex;
     flex-grow: 1;
 }
@@ -85,7 +86,7 @@ body {
 
 .status-bar {
     display: flex;
-    gap: 3rem;
+    gap: 1rem;
     padding: 0.5rem;
     color: var(--text-color);
     writing-mode: vertical-rl;
@@ -103,9 +104,10 @@ body {
 
 .game-line {
     width: 100%;
-    height: 100%;
+    height: 0;
     display: flex;
     gap: 0.2rem;
+    flex-grow: 1;
 }
 
 .bar {