More UI fixes

app/static/app/js/css/LayersControl.scss

@@ -1,10 +1,11 @@
-.leaflet-control-layers-control{
+.leaflet-touch .leaflet-control-layers-control, .leaflet-control-layers-control{
   z-index: 999;
-
+  
   a.leaflet-control-layers-control-button{
     background: url(../icons/layers.svg) 0 0 no-repeat;
     background-size: 26px 26px;
     border-radius: 2px;
+    background-position: 2px 2px;
   }
 
   div.layers-control-panel{ display: none; }
@@ -19,6 +20,3 @@
     }
   }
 }
-.leaflet-touch .leaflet-control-layers-control a {
-  background-position: 2px 2px;
-}

app/static/app/js/css/LayersControlLayer.scss

@@ -1,4 +1,4 @@
-.leaflet-touch .leaflet-control-layers-control{
+.leaflet-touch .leaflet-control-layers-control, .leaflet-control-layers-control{
     .layers-control-layer{
         clear: both;
 

app/static/app/js/css/Map.scss

@@ -13,11 +13,12 @@
         padding-bottom: 6px;
     }
 
-    .leaflet-control-layers-toggle{
+    .leaflet-touch .leaflet-control-layers-toggle, .leaflet-control-layers-toggle{
         background: no-repeat center/90% url(../icons/basemap.svg);
         border-radius: 2px;
-        width: 26px;
-        height: 26px;
+        width: 30px;
+        height: 30px;
+        background-size: 22px;
     }
 
     .leaflet-popup-content{
@@ -55,12 +56,6 @@
         margin-right: 12px;
     }
 
-    .leaflet-touch .leaflet-control-layers-toggle{
-        width: 30px;
-        height: 30px;
-        background-size: 22px;
-    }
-
     .popup-opacity-slider{
         margin-bottom: 6px;
     }
@@ -93,7 +88,7 @@
         }
       
     }
-    .leaflet-touch .leaflet-control-add-overlay a {
+    .leaflet-touch .leaflet-control-add-overlay a, .leaflet-control-add-overlay a {
         background-position: 2px 2px;
     }
 }