Stylefixes for the interactive map viewfile

diff --git a/views/front/members/interactivemap.html b/views/front/members/interactivemap.html
index cc687ab..2234b54 100644 (file)
--- a/views/front/members/interactivemap.html
+++ b/views/front/members/interactivemap.html
@@ -244,10 +244,13 @@ label.catLabel {
        margin: 0;
        padding: 2px;
        border-bottom: 1px dashed #ccc;
-       }
+}
 label.catLabel:hover {
        background: #ccc;
-       }
+}
+.catLabel input[type="checkbox"] {
+    margin: 8px 5px;
+}
 .closer {
        position: relative;
        bottom: 0;
@@ -271,7 +274,7 @@ label.catLabel:hover {
     box-sizing: inherit !important;
 }
 div.catName {
-    background: #790000;
+    background: #333333;
     border: 0;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
@@ -285,7 +288,7 @@ div.catName {
 .up {
     margin: 0;
     padding: 10px;
-    background: #790000;
+    background: #333333;
     text-align: left;
     font-size: 10px;
     color: #fff;
@@ -309,11 +312,11 @@ div.catName {
 #myMap {
     display: block;
     position: absolute;
-    top: 64px;
+    top: 60px;
     left: 0;
     width: 100%;
     height: 467px;
-    border: 1px solid #790000;
+    border: 1px solid #333333;
 }
 #mapLegend {
     position: absolute;
@@ -350,13 +353,13 @@ ul#memberCategoryBox li.categoryBox {
     display: block;
     float: left;
     margin: 0;
-    padding: 0 1px;
+    padding: 0 2px;
     /*position: relative;*/
     width: 14.1%;
     /*width: auto;*/
 }
 div.catName {
-    background: #790000;
+    background: #333333;
     border: 0;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
@@ -364,23 +367,23 @@ div.catName {
     cursor: pointer;
     display: block;
     font-weight: normal;
-    padding: 10px 5px 10px 5px;
+    padding: 10px;
     margin: 0;
 }
 div.catName i {
     padding-right: 16px;
-    font-size: 12px;
+    font-size: 13px;
 }
 .up {
     margin: 0;
     padding: 10px;
-    background: #790000 url({/literal}{$assetsUrl}{literal}/upOff.png) no-repeat 80% center;
+    background: #333333 url({/literal}{$assetsUrl}{literal}/upOff.png) no-repeat 80% center;
     text-align: left;
     font-size: 10px;
     color: #FFF;
 }
 .up:hover {
-    background: #890000 url({/literal}{$assetsUrl}{literal}/upOn.png) no-repeat 80% center;
+    background: #232323 url({/literal}{$assetsUrl}{literal}/upOn.png) no-repeat 80% center;
     }
 div#memberLocations {
     width: 90% !important;