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:
+10
-1
@@ -15,10 +15,19 @@
|
||||
min-height: 3em;
|
||||
}
|
||||
|
||||
#test-all-btn {
|
||||
position: fixed;
|
||||
bottom: 2em;
|
||||
left: 2em;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#metar-display {
|
||||
min-height: 6em;
|
||||
}
|
||||
#test-all-btn {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
button {
|
||||
font-size: 1em;
|
||||
@@ -41,10 +50,10 @@
|
||||
|
||||
<div id="metar-display"></div>
|
||||
<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>
|
||||
<div id="decoding-display"></div>
|
||||
<button id="next-btn" style="margin-top: 1em;">Next</button>
|
||||
<button id="test-all-btn">Test All METARs</button>
|
||||
</div>
|
||||
<script>
|
||||
const metarDisplay = document.getElementById('metar-display');
|
||||
|
||||
Reference in New Issue
Block a user