style: Improve display readability and underline appearance

This commit is contained in:
2026-02-14 17:28:55 -07:00
committed by Tanner Collin (aider)
parent 5206e6c341
commit b8b9cf2604
+5 -3
View File
@@ -10,7 +10,7 @@
padding: 2em; padding: 2em;
} }
#metar-display { #metar-display {
font-size: 1.2em; font-size: 1.4em;
margin-bottom: 1em; margin-bottom: 1em;
min-height: 3em; min-height: 3em;
line-height: 1.6; line-height: 1.6;
@@ -31,18 +31,20 @@
} }
} }
button { button {
font-size: 1em; font-size: 1.2em;
padding: 0.5em 1em; padding: 0.5em 1em;
} }
.highlight { .highlight {
background-color: yellow; background-color: yellow;
} }
.next-to-decode { .next-to-decode {
text-decoration: underline dashed; text-decoration: underline;
text-decoration-thickness: 2px; text-decoration-thickness: 2px;
text-underline-offset: 3px; text-underline-offset: 3px;
} }
#decoding-display { #decoding-display {
font-size: 1.2em;
min-height: 4rem;
margin-top: 1em; margin-top: 1em;
padding: 1em; padding: 1em;
border: 1px solid #ccc; border: 1px solid #ccc;