Added styling for distance page

bcgov · Oct 17, 2024 · 8b52cbb · 8b52cbb
1 parent ef56272
commit 8b52cbb
Showing 1 changed file with 45 additions and 1 deletion.
diff --git a/frontend/src/style.scss b/frontend/src/style.scss
@@ -11,4 +11,48 @@ body {
 #map {
 	width: 100%;
 	height: 100%;
-}
+}
+
+.app-content {
+	display: flex;
+	height: 100%;
+}
+
+#distancemap {
+	display: flex;
+	width:70%;
+	height:100%;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+}
+
+.label {
+	font-weight: 700;
+	text-transform: uppercase;
+	text-align: center;
+	margin-top: -1em;
+}
+
+.label div {
+	position: relative;
+	left: -50%;
+	top: 10px;
+	text-shadow: 0px 2px 1px rgba(255, 255, 255, 0.85);
+}
+
+.info-box {
+	display: flex;
+	flex-direction: column;
+	width:30%;
+	padding: 10px 20px;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+}
+
+.leaflet-control-layers-toggle, .leaflet-touch .leaflet-control-layers-toggle {
+    background-image: url("~leaflet/dist/images/layers.png");
+}