From cbf71ca2da1c2165a7a46af5569e736a11b525a3 Mon Sep 17 00:00:00 2001
From: Connor Turland <connorturland@gmail.com>
Date: Fri, 24 Oct 2014 12:10:56 -0400
Subject: [PATCH] four little styling bugs

---
 app/assets/stylesheets/application.css |  1 -
 app/assets/stylesheets/clean.css       | 24 ++++++++++++++++++------
 app/views/layouts/_lightboxes.html.erb |  2 +-
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index ad91a880..1ae46f4d 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -1885,7 +1885,6 @@ and it won't be important on password protected instances */
     width:32px;
     height:32px;
     margin:10px auto;
-    background-position: 0 0;
 }
 #lightbox_metamapps .lightboxAboutIcon {
     background-position: 0 0;
diff --git a/app/assets/stylesheets/clean.css b/app/assets/stylesheets/clean.css
index 6d0b907b..5ebcb763 100644
--- a/app/assets/stylesheets/clean.css
+++ b/app/assets/stylesheets/clean.css
@@ -763,26 +763,32 @@
     background-position: 0 0;
 	cursor:pointer;
 }
-.mapControl:hover {
-    background-position: -32px 0;
-}
 .zoomExtents {
     margin-bottom:5px;
     border-radius: 2px;
     background-image: url(extents_sprite.png);
 }
+.zoomExtents:hover {
+    background-position: -32px 0;
+}
 .zoomIn {
     background-image: url(zoom_sprite.png);
     background-position: 0 0;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
 }
+.zoomIn:hover {
+    background-position: -32px 0;
+}
 .zoomOut {
     background-image: url(zoom_sprite.png);
     background-position:0 -32px;
     border-bottom-left-radius: 2px;
     border-bottom-right-radius: 2px;
 }
+.zoomOut:hover {
+    background-position: -32px -32px;
+}
 
 /* end mapControls */
 
@@ -805,7 +811,7 @@
 }
 
 .exploreMapsCenter {
-    z-index: 3;
+    z-index: 3 !important;
 }
 
 .exploreMapsButton {
@@ -847,8 +853,14 @@
     background-image: url(exploremaps_sprite.png);
     background-position: -64px 0;
 }
-.exploreMapsButton:hover .exploreMapsIcon, .exploreMapsButton.active .exploreMapsIcon {
-    background-position: -32px 0;
+.myMaps:hover .exploreMapsIcon, .myMaps.active .exploreMapsIcon {
+    background-position: 0 -32px;
+}
+.activeMaps:hover .exploreMapsIcon, .activeMaps.active .exploreMapsIcon {
+    background-position: -32px -32px;
+}
+.featuredMaps:hover .exploreMapsIcon, .featuredMaps.active .exploreMapsIcon {
+    background-position: -64px -32px;
 }
 
 .mapsWrapper {
diff --git a/app/views/layouts/_lightboxes.html.erb b/app/views/layouts/_lightboxes.html.erb
index 8b43c4fa..c4a24a68 100644
--- a/app/views/layouts/_lightboxes.html.erb
+++ b/app/views/layouts/_lightboxes.html.erb
@@ -34,7 +34,7 @@
         
         <ul class="lightbox_links">
           <li>
-            <a id="lightbox_metamapss" href="https://twitter.com/metamapps" target="_blank">
+            <a id="lightbox_metamapps" href="https://twitter.com/metamapps" target="_blank">
               <div class="lightboxAboutIcon"></div>
               @metamapps
             </a>