Remove opacity from map controls on mobile.

This crashes at least one mobile browser; not sure why, but we can do
without it.

2 files changed, 13 insertions, 4 deletions

diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index 4ef03d509..4aae16f38 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -1015,11 +1015,7 @@ a:hover.button-left {
   width:36px !important;
   height:36px !important;
   text-indent:-999999px;
-  opacity:0.85;
   background:url($image-sprite) no-repeat;
-  &:hover {
-    opacity:1;
-  }
   filter: none !important; // Override OpenLayers PNG handling of the navigation
 }
 
diff --git a/web/cobrands/sass/_layout.scss b/web/cobrands/sass/_layout.scss
index bf8f1e03b..118fb1523 100644
--- a/web/cobrands/sass/_layout.scss
+++ b/web/cobrands/sass/_layout.scss
@@ -527,6 +527,19 @@ body.twothirdswidthpage {
   z-index:1;
 }
 
+// Openlayers map controls (overrides)
+#fms_pan_zoom_panup,
+#fms_pan_zoom_pandown,
+#fms_pan_zoom_panleft,
+#fms_pan_zoom_panright,
+#fms_pan_zoom_zoomin,
+#fms_pan_zoom_zoomout {
+  opacity: 0.85;
+  &:hover {
+    opacity: 1;
+  }
+}
+
 // push zoom back over to right
 #fms_pan_zoom_zoomin {
   left:auto !important;