feat: Move 'Test All METARs' button to bottom left (desktop only)

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
2026-02-14 16:47:57 -07:00
parent 41f9430d37
commit 1ba376d6a0
+10 -1
View File
@@ -15,10 +15,19 @@
min-height: 3em; min-height: 3em;
} }
#test-all-btn {
position: fixed;
bottom: 2em;
left: 2em;
}
@media (max-width: 600px) { @media (max-width: 600px) {
#metar-display { #metar-display {
min-height: 6em; min-height: 6em;
} }
#test-all-btn {
display: none;
}
} }
button { button {
font-size: 1em; font-size: 1em;
@@ -41,10 +50,10 @@
<div id="metar-display"></div> <div id="metar-display"></div>
<button id="new-metar-btn">New METAR</button> <button id="new-metar-btn">New METAR</button>
<button id="test-all-btn">Test All METARs</button>
<label style="margin-left: 1em;"><input type="checkbox" id="decode-all-checkbox"> Decode all</label> <label style="margin-left: 1em;"><input type="checkbox" id="decode-all-checkbox"> Decode all</label>
<div id="decoding-display"></div> <div id="decoding-display"></div>
<button id="next-btn" style="margin-top: 1em;">Next</button> <button id="next-btn" style="margin-top: 1em;">Next</button>
<button id="test-all-btn">Test All METARs</button>
</div> </div>
<script> <script>
const metarDisplay = document.getElementById('metar-display'); const metarDisplay = document.getElementById('metar-display');