Fix duplicating icon in legend; Safari zoomed display

Author: ilyankou

scripts/map.js

@@ -685,7 +685,7 @@ $(window).on('load', function() {
     changeAttribution();
 
     // Append icons to categories in markers legend
-    $('#points-legend label span').each(function(i) {
+    $('#points-legend input+span').each(function(i) { // add to <span> that follows <input>
       var g = $(this).text().trim();
       var legendIcon = (group2color[ g ].indexOf('.') > 0)
         ? '<img src="' + group2color[ g ] + '" class="markers-legend-icon">'

style.css

@@ -60,10 +60,11 @@ form {
 }
 
 .polygons-legend-scale i {
-  width: 18px;
-  height: 18px;
+  width: 16px;
+  height: 16px;
   float: left;
   margin-right: 8px;
+  border-bottom: 1px solid rgba(0,0,0,0);
 }
 
 .leaflet-popup-content {