diff --git a/app/static/style.css b/app/static/style.css index a40681b..e3a30bd 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -18,13 +18,12 @@ html { min-height: 100%; background: var(--bg); - zoom: 0.8; + zoom: 1; } body { display: grid; - /* Compensate for html zoom:0.8 so grid fills viewport visually */ - min-height: calc(100vh / 0.8); + min-height: 100vh; grid-template-rows: auto 1fr auto; margin: 0; color: var(--text); @@ -598,3 +597,15 @@ textarea:focus-visible { gap: 4px; } } + +/* Apply desktop zoom only on wider screens so mobile viewports remain natural */ +@media (min-width: 1000px) { + html { + zoom: 0.8; + } + + /* Compensate for desktop zoom so grid fills viewport visually */ + body { + min-height: calc(100vh / 0.8); + } +}