From 15d148dbd4cb7497f7faae06e58d4227c530cd8a Mon Sep 17 00:00:00 2001
From: John Firebaugh <john.firebaugh@gmail.com>
Date: Mon, 10 Jun 2013 11:15:58 -0700
Subject: [PATCH] Add back basic zoom control

---
 app/assets/javascripts/index.js        | 4 ++++
 app/assets/javascripts/index/map_ui.js | 6 ++++--
 app/assets/stylesheets/large.css       | 6 ------
 app/assets/stylesheets/map-ui.css.scss | 4 ++++
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/app/assets/javascripts/index.js b/app/assets/javascripts/index.js
index 82b6d03b8..760c95230 100644
--- a/app/assets/javascripts/index.js
+++ b/app/assets/javascripts/index.js
@@ -10,11 +10,15 @@ $(document).ready(function () {
   var marker;
   var params = OSM.mapParams();
   var map = createMap("map", {
+    zoomControl: false,
     layerControl: false
   }, {
     locateControl: true
   });
 
+  L.control.zoom({position: 'topright'})
+    .addTo(map);
+
   OSM.mapUI().addTo(map);
 
   L.control.scale().addTo(map);
diff --git a/app/assets/javascripts/index/map_ui.js b/app/assets/javascripts/index/map_ui.js
index 0f13adcff..1360c7024 100644
--- a/app/assets/javascripts/index/map_ui.js
+++ b/app/assets/javascripts/index/map_ui.js
@@ -23,14 +23,16 @@ OSM.MapUI = L.Control.extend({
         e.stopPropagation();
         e.preventDefault();
 
+        var controlContainer = $('.leaflet-control-container .leaflet-top.leaflet-right');
+
         if ($(this._uiPane).is(':visible')) {
             $(this._uiPane).hide();
-            $(this._container).css({paddingRight: '0'})
+            controlContainer.css({paddingRight: '0'})
         } else {
             $(this._uiPane)
                 .show()
                 .html(JST["templates/map/layers"]());
-            $(this._container).css({paddingRight: '200px'})
+            controlContainer.css({paddingRight: '200px'})
         }
     }
 });
diff --git a/app/assets/stylesheets/large.css b/app/assets/stylesheets/large.css
index cf7c0c202..050272b77 100644
--- a/app/assets/stylesheets/large.css
+++ b/app/assets/stylesheets/large.css
@@ -1,7 +1 @@
 /* Styles specific to large screens  */
-
-/* Rules for OpenLayers maps */
-
-.leaflet-control-zoom {
-  display: none;
-}
diff --git a/app/assets/stylesheets/map-ui.css.scss b/app/assets/stylesheets/map-ui.css.scss
index f1b81ac38..f9db83517 100644
--- a/app/assets/stylesheets/map-ui.css.scss
+++ b/app/assets/stylesheets/map-ui.css.scss
@@ -1,3 +1,7 @@
+.leaflet-control-zoom {
+  margin-bottom: 10px;
+}
+
 .leaflet-map-ui-layers {
   box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
   background: #f8f8f9;
-- 
2.43.2