updated map delete sprite

app/assets/stylesheets/application.css

@@ -1884,9 +1884,21 @@ and it won't be important on password protected instances */
     display: none;
 }
 .mapInfoDelete {
-    background-image: url(delete_mapinfo.png);
+    color: #E0E0E0;
+}
+.mapInfoDelete .deleteMap {
+    width: 16px;
+    height: 16px;
+    margin: 8px auto 0;
+    background-image: url(remove_mapinfo_sprite.png);
     background-repeat: no-repeat;
-    background-position: center 8px;
+    background-position: -16px 0;
+}
+.mapInfoDelete:hover {
+    color: #F5F5F5;
+}
+.mapInfoDelete:hover .deleteMap {
+    background-position: 0 0;
 }
 /* only display delete button if it's a map you created */
 .yourMap .mapInfoDelete {

app/views/layouts/_templates.html.erb

@@ -35,6 +35,7 @@
     <p class="mapEditedAt"><span>Last edited:</span> {{updated_at}}</p>
     <div class="mapInfoButtonsWrapper">
       <div class="mapInfoDelete">
+        <div class="deleteMap"></div>
         <span>Delete</span>
       </div>
       <div class="mapInfoShare">

app/views/maps/_mapinfobox.html.erb

@@ -51,6 +51,7 @@
     <p class="mapEditedAt"><span>Last edited:</span> <%= @map.updated_at.strftime("%m/%d/%Y") %></p>
     <div class="mapInfoButtonsWrapper">
       <div class="mapInfoDelete">
+        <div class="deleteMap"></div>
         <span>Delete</span>
       </div>
       <div class="mapInfoShare">