diff --git a/samy.css b/samy.css index b437aa7..f33dd59 100644 --- a/samy.css +++ b/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) */