From ef12927410538a091258f8140ad58681a6fe7cb7 Mon Sep 17 00:00:00 2001
From: Tempest <tempest@Tempests-MacBook-Pro.local>
Date: Fri, 8 Aug 2025 15:22:32 +0700
Subject: [PATCH] Fixed phone interface vertical overflow

---
 src/controllerSoftware/static/style.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/controllerSoftware/static/style.css b/src/controllerSoftware/static/style.css
index 49389f6..0f5a051 100644
--- a/src/controllerSoftware/static/style.css
+++ b/src/controllerSoftware/static/style.css
@@ -6,11 +6,10 @@ body {
     font-family: Arial, sans-serif;
     display: flex;
     flex-direction: column;
-    justify-content: center;
     align-items: center;
-    height: 100vh;
     margin: 0;
     background-color: #f0f0f0;
+    min-height: 100vh;
 }
 .container {
     display: flex;
@@ -72,7 +71,8 @@ h1 {
     background-color: #444;
     padding: 20px;
     border-radius: 10px;
-    width: var(--matrix-width);
+    width: var(--matrix-width); /* Fixed width for consistency */
+    max-width: var(--matrix-width);
     margin-bottom: 20px;
 }
 .control-panel.inactive-control {
@@ -96,7 +96,7 @@ h1 {
 }
 .slider-row {
     display: grid;
-    grid-template-columns: 130px 1fr 50px;
+    grid-template-columns: 150px 1fr 50px;
     gap: 10px;
     align-items: center;
 }