add leg average to web interface

1 files changed, 21 insertions, 14 deletions

diff --git a/web/static/style.css b/web/static/style.css
index 5287cfc..e099f86 100644
--- a/web/static/style.css
+++ b/web/static/style.css
@@ -2,8 +2,8 @@
 @import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400&display=swap');
 
 body {
-	color: #ddd;
-	background-color: #000;
+	color: #eee;
+	background-color: #111;
 	font-family: 'Lato', sans-serif;
 	user-select: none;
 
@@ -39,7 +39,7 @@ div#keypad {
 div#oi {
 	visibility: hidden;
 
-	background-color: #1a1a1a;
+	background-color: #6c0d0d;
 	font-size: 2em;
 	height: 1.2em;
 	width: 3ch;
@@ -79,7 +79,7 @@ div#user-state, div#boat-state {
 }
 
 div#user-state.active, div#boat-state.active {
-	background-color: #240;
+	background-color: #2a390a;
 }
 
 div#user-rem, div#boat-rem {
@@ -87,10 +87,6 @@ div#user-rem, div#boat-rem {
 	font-weight: bold;
 }
 
-div#boat-rem {
-	justify-content: right;
-}
-
 div#user-name, div#boat-name {
 	color: #aaa;
 }
@@ -104,6 +100,16 @@ div#user-sugg:after, div#boat-sugg:after {
 	content: '\200b';
 }
 
+div#user-avg, div#boat-avg {
+	font-size: 0.8em;
+	align-self: left;
+	width: 100%;
+}
+
+div#user-avg:before, div#boat-avg:before {
+	content: 'avg: ';
+}
+
 div#prompt-container {
 	grid-column: 1 / span 3;
 
@@ -153,13 +159,13 @@ div.key {
 
 @media (hover: hover) and (pointer: fine) {
 	div.key:hover {
-		background-color: #240;
+		background-color: #2a390a;
 	}
 }
 
 div.key:active {
 	color: #fff;
-	background-color: #360;
+	background-color: #3b500e;
 }
 
 div.key.num {
@@ -235,7 +241,7 @@ div#settings-bar div.help-button {
 div#settings-bar input:focus {
 	color: #fff;
 	background-color: #6e41b8;
-	outline: #5a0 solid 3px;
+	outline: #7eab1e solid 2px;
 }
 
 div#settings-bar div.help-button:active {
@@ -299,12 +305,13 @@ div#match .visit-col6 { color: #888; justify-content: left; font-family: monospa
 	background-color: #222;
 	font-size: 1.4em;
 	font-family: 'Source Serif Pro', serif;
+	user-select: text;
 
 	width: calc(min(40em, 90vw) - 4em);
 	max-height: calc(calc(100vh - 10vw) - 4em);
 	margin: 5vw auto;
 	padding: 2em;
-	outline: #5a0 solid 3px;
+	outline: #7eab1e solid 2px;
 	overflow: scroll;
 }
 
@@ -323,11 +330,11 @@ div#match .visit-col6 { color: #888; justify-content: left; font-family: monospa
 }
 
 a {
-	color: #5a0;
+	color: #7eab1e;
 }
 
 a:hover {
-	color: #7d0;
+	color: #a8e428;
 }
 
 @media (max-aspect-ratio: 9/20) {