fix: Adjust METAR display min-height for responsive layout

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
2026-02-14 14:37:55 -07:00
parent bd8c95ace1
commit 67e32b7d09
1 changed files with 7 additions and 1 deletions
@@ -6,7 +6,13 @@
    <title>METAR Practice</title>
    <style>
        body { font-family: monospace; padding: 2em; }
-        #metar-display { font-size: 1.2em; margin-bottom: 1em; min-height: 6em; }
+        #metar-display { font-size: 1.2em; margin-bottom: 1em; min-height: 3em; }
+
+        @media (max-width: 600px) {
+            #metar-display {
+                min-height: 6em;
+            }
+        }
        button { font-size: 1em; padding: 0.5em 1em; }
    </style>
 </head>