tanner/html-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Adjust METAR display min-height for responsive layout

Browse Source 
Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
Tanner Collin
2026-02-14 14:37:55 -07:00
parent bd8c95ace1
commit 67e32b7d09
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
metar.html
+7 -1
View File
@@ -6,7 +6,13 @@
<title>METAR Practice</title> <title>METAR Practice</title>
<style> <style>
body { font-family: monospace; padding: 2em; } 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; } button { font-size: 1em; padding: 0.5em 1em; }
</style> </style>
</head> </head>