bigger pointing buttons (44px) - WCAG 2.1 - 2.5.5 Target Size

index.html

@@ -216,7 +216,9 @@
         <br>
         <hr>
         <button class="button is-success" onclick="window.open(map.getCanvas().toDataURL())">
-          Zapisz widok mapy jako obraz
+          <svg class="icon mr-2" style="width:24px;height:24px" viewBox="0 0 24 24">
+            <path fill="currentColor" d="M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" />
+        </svg> Zapisz widok mapy jako obraz
         </button>
         <p class="has-text-weight-light is-size-7">
           (otwiera nowe okno)

src/css/main.css

@@ -261,3 +261,18 @@
     font-size: 0.8em !important;
   }
  
+.mapboxgl-ctrl-group, .maplibregl-ctrl-group
+{
+  background-color: #f8f8f8cc !important;
+}
+
+.mapboxgl-ctrl-group button, .maplibregl-ctrl-group button {
+  width: 44px !important;
+  height: 44px !important;
+}
+
+.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
+.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
+.mapboxgl-ctrl-geolocate {
+  filter: contrast(24%);
+}