X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Ftracker.scss;h=5bc5a4696f870ea53e53157edcf8f8f27f6d2aaa;hb=cdb12f8f7d161e0e17d23dd1164d3c8b1067be61;hp=f1b745a0a24c97617f4a8e0a2afd52b2b9871f3b;hpb=f145023c506cecad618e465a034933e1a5962637;p=alttp.git

diff --git a/resources/sass/tracker.scss b/resources/sass/tracker.scss
index f1b745a..5bc5a46 100644
--- a/resources/sass/tracker.scss
+++ b/resources/sass/tracker.scss
@@ -120,23 +120,47 @@
 	}
 	.tracker-map {
 		.canvas {
-			width: 50em;
+			width: 100%;
 			height: auto;
 			.location {
-				width: 0.04px;
-				height: 0.04px;
-				fill: green;
-				stroke: black;
-				stroke-width: 0.003px;
-				transform: translate(-0.02px, -0.02px);
+				.box {
+					width: 0.04px;
+					height: 0.04px;
+					transform: translate(-0.02px, -0.02px);
+					fill: #0d0;
+					stroke: black;
+					stroke-width: 1px;
+					vector-effect: non-scaling-stroke;
+				}
+				.text {
+					fill: black;
+					font-size: 0.02px;
+					font-weight: bold;
+					text-anchor: middle;
+					dominant-baseline: middle;
+					pointer-events: none;
+					user-select: none;
+				}
 				&.status-cleared {
-					fill: grey;
-					opacity: 0.4;
+					.box {
+						fill: grey;
+						opacity: 0.4;
+					}
 				}
 				&.size-lg {
-					width: 0.08px;
-					height: 0.08px;
-					transform: translate(-0.04px, -0.04px);
+					.box {
+						width: 0.08px;
+						height: 0.08px;
+						transform: translate(-0.04px, -0.04px);
+					}
+					.text {
+						font-size: 0.04px;
+					}
+				}
+				&.clickable {
+					.box:hover {
+						stroke: white;
+					}
 				}
 			}
 		}