style: Improve display readability and underline appearance

2026-02-14 17:28:55 -07:00
parent 5206e6c341
commit b8b9cf2604
1 changed files with 5 additions and 3 deletions
@@ -10,7 +10,7 @@
            padding: 2em;
        }
        #metar-display {
-            font-size: 1.2em;
+            font-size: 1.4em;
            margin-bottom: 1em;
            min-height: 3em;
            line-height: 1.6;
@@ -31,18 +31,20 @@
            }
        }
        button {
-            font-size: 1em;
+            font-size: 1.2em;
            padding: 0.5em 1em;
        }
        .highlight {
            background-color: yellow;
        }
        .next-to-decode {
-            text-decoration: underline dashed;
+            text-decoration: underline;
            text-decoration-thickness: 2px;
            text-underline-offset: 3px;
        }
        #decoding-display {
+            font-size: 1.2em;
+			min-height: 4rem;
            margin-top: 1em;
            padding: 1em;
            border: 1px solid #ccc;