diff options
Diffstat (limited to 'web/static')
| -rw-r--r-- | web/static/style.css | 14 |
1 files changed, 6 insertions, 8 deletions
diff --git a/web/static/style.css b/web/static/style.css index e1e79d3..ba5e66e 100644 --- a/web/static/style.css +++ b/web/static/style.css @@ -14,7 +14,7 @@ body { } div#main { - background-color: #1a1a1a; + background-color: #111; height: 100vh; width: 100vw; @@ -24,6 +24,7 @@ div#main { grid-template-columns: 80vh 1fr; grid-template-rows: min-content min-content minmax(0, 3fr); grid-template-areas: 'settings-bar settings-bar' 'info visits' 'controls visits'; + grid-gap: 2px; } div#main.right-controls { @@ -62,6 +63,8 @@ div#controls #keypad-select_mode .key { div#controls #keypad-dartboard #dartboard-container { grid-column: 1 / -1; + background-color: #1a1a1a; + min-width: 0; min-height: 0; padding: 0.4rem; @@ -84,7 +87,7 @@ div#oi { height: 1.2em; width: 3ch; - outline: #1a1a1a solid 2px; + outline: #111 solid 2px; position: absolute; left: 50%; @@ -107,8 +110,6 @@ div#info { font-size: clamp(1.5vh, 2.5vw, 2vh); - margin-bottom: 2px; - display: grid; grid-template-columns: repeat(2, 1fr); } @@ -267,6 +268,7 @@ div.key#key-submit { div#settings-bar { grid-area: settings-bar; + background-color: #1a1a1a; font-size: clamp(1.5vh, 2.5vw, 2vh); padding: 0.4rem; @@ -461,10 +463,6 @@ a:hover { display: none; } - div#controls { - margin-top: 2px; - } - div#visits { grid-template-columns: 2ch 1fr repeat(5, min(calc(calc(100% - 4ch) / 5), 10ch)) 1fr 2ch; } |