X-Git-Url: https://git.sesse.net/?p=remoteglot;a=blobdiff_plain;f=www%2Fcss%2Fremoteglot.css;h=c2aba8fd410f885aaa861135b42e74ab726f2152;hp=a928985e8b2abc19fbeb22f480e3a3ba3bfdc9d4;hb=eb0119aedb0a2c93b5020c10e0e8006ee0c4b0c1;hpb=af26c696aac9f48eae9c98774e6a8bb0aa05a490

diff --git a/www/css/remoteglot.css b/www/css/remoteglot.css
index a928985..c2aba8f 100644
--- a/www/css/remoteglot.css
+++ b/www/css/remoteglot.css
@@ -14,17 +14,35 @@ h3 {
 #scorecontainer {
 	font-size: x-large;
 	margin-top: 0;
+	display: grid;
+	grid-template-columns: max-content 1fr;
+	gap: 12px;
 }
 #score {
-	float: left;
+	grid-column: 1;
 }
 #scoresparkcontainer {
+	grid-column: 2;
 	overflow: hidden;
+	height: 0.85em;
+	margin-top: 0.15em;
+	width: 100%;
 }
 #scorespark {
 	margin-left: 0.5em;
 	margin-right: 0.5em;
 }
+#sparklinehover {
+	position: absolute;
+	display: none;
+	background-color: rgba(0, 0, 0, 0.6);
+	color: white;
+	font-size: 10px;
+	white-space: nowrap;
+	padding: 5px;
+	border: 1px solid white;
+	z-index: 10000;
+}
 #pvcontainer {
 	clear: left;
 	margin-top: 1em;