Update samy.css

samy.css

@@ -25,6 +25,8 @@
   --monkey-bottom: 135px;   /* how high from bottom of sidebar */
   --status-gap: 20px;       /* space between status box and monkey */
   --status-height: 140px;   /* max height of status box */
+
+  --fixed-buttons-safe-area: 90px; /* adjust if needed */
 }
 
 /* Make sizing easier to reason about */
@@ -32,14 +34,18 @@
   box-sizing: border-box;
 }
 
+html, body {
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+}
+
+
 body {
   font-family: Arial, sans-serif;
-  margin: 0;
   padding: 0;
   background-color: var(--background-color);
   color: var(--white-color);
-  height: 100%;
-  overflow: hidden;
 }
 
 .logo-container {
@@ -62,7 +68,7 @@ body {
 
 .container {
   display: flex;
-  height: 100vh;
+  height: 100%;
   overflow: hidden;
 }
 
@@ -135,9 +141,10 @@ body {
   position: relative;
   flex: 1;
   padding: 20px;
-  padding-bottom: 200px;
-  overflow-y: auto;
-  max-height: calc(100vh - 50px);
+  padding-bottom: calc(20px + var(--fixed-buttons-safe-area));
+  overflow-y: auto;         
+  overflow-x: hidden;       
+  min-height: 0;        
 }
 
 /* Floating buttons (Exit / Run) */