feat: update design of zoom controls on new map

ONEARMY · Oct 8, 2024 · e54867a · e54867a
1 parent 9be7273
commit e54867a
Showing 1 changed file with 24 additions and 3 deletions.
diff --git a/src/styles/leaflet.css b/src/styles/leaflet.css
@@ -337,16 +337,35 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 /* zoom control */
 
-.leaflet-control-zoom-in,
+.leaflet-control-zoom {
+    font: bold 18px 'Lucida Console', Monaco, monospace;
+    text-indent: 1px;
+	}
+
+.leaflet-control-zoom-in {
+	border-top-left-radius: 10px !important;
+    border-top-right-radius: 10px !important;
+	border-bottom: 2px solid #000000 !important;
+	}
+
 .leaflet-control-zoom-out {
-	font: bold 18px 'Lucida Console', Monaco, monospace;
-	text-indent: 1px;
+    border-bottom-left-radius: 10px !important;
+    border-bottom-right-radius: 10px !important;
 	}
 
+
 .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
 	font-size: 22px;
 	}
 
+.leaflet-control-zoom.leaflet-bar.leaflet-control{
+	border: 2px solid; 
+	border-radius: 10px;
+	padding: 0px; 
+	border-bottom: 2px solid #000000;
+	}
+
+
 
 /* layers control */
 
@@ -650,6 +669,8 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	border-right-color: #fff;
 	}
 
+
+
 /* Printing */
 
 @media print {