web: minor ui/colour tweaks

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;
 	}