diff --git a/web/style.css b/web/style.css index fc38ecc..b28debd 100644 --- a/web/style.css +++ b/web/style.css @@ -34,6 +34,7 @@ body { padding: 2rem; margin: 0; background-color: var(--base); + overflow: hidden; } h1, @@ -214,6 +215,7 @@ input[type="range"]::-ms-fill-upper { font-weight: 800; padding: 0.5rem 1rem; color: var(--text); + width: 5rem; } .button:hover { @@ -256,8 +258,7 @@ input[type="range"]::-ms-fill-upper { .button:after { display: block; position: absolute; - margin: -2px; - width: inherit; + margin: -2px 0; top: 1px; left: 1px; right: -1px; @@ -267,6 +268,7 @@ input[type="range"]::-ms-fill-upper { background-color: var(--text); z-index: -1; transform: translate(2px, 2px); + width: 3rem; } @media (prefers-color-scheme: dark) {