style: Improve display readability and underline appearance
This commit is contained in:
+5
-3
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user