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;
|
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');
|
||||||
|
|||||||
Reference in New Issue
Block a user