feat: Make pause button width consistent and rearrange HUD

Makes the pause button width consistent across 'Pause' and 'Resume' states to prevent layout shifts. Uses 'rem' units for responsive scaling. Also rearranges the HUD elements for a more logical grouping.
2025-12-16 20:04:49 +01:00
parent d4fbd0247b
commit c4053ad8b7
2 changed files with 17 additions and 16 deletions
--- a/styles.css
+++ b/styles.css
@@ -88,6 +88,8 @@ header .pill {
    padding: 8px 12px;
    font-weight: 700;
    cursor: pointer;
+    width: 6rem;
+    text-align: center;
    transition:
        transform 120ms ease,
        filter 120ms ease;