From 270905c83a75ac7247c18b1dd49e244f84460984 Mon Sep 17 00:00:00 2001
From: Jon Atkins <github@jonatkins.com>
Date: Sat, 30 Mar 2013 20:01:36 +0000
Subject: [PATCH] enable zoom control for mobile (allows for one-touch zoom
 control) move zoom control to under the layer control on smartphone layout
 remove localstorage zoom control visibility setting - there was no way to
 configure it, so seemed a bit odd

---
 code/boot.js          | 2 +-
 code/smartphone.js    | 3 ---
 mobile/smartphone.css | 6 ++++++
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/code/boot.js b/code/boot.js
index a1fc42b0..a881f8e0 100644
--- a/code/boot.js
+++ b/code/boot.js
@@ -115,7 +115,7 @@ window.setupMap = function() {
 
 
   window.map = new L.Map('map', $.extend(getPosition(),
-    {zoomControl: !(localStorage['iitc.zoom.buttons'] === 'false')}
+    {zoomControl: true}
   ));
 
   var addLayers = {};
diff --git a/code/smartphone.js b/code/smartphone.js
index 730db91f..3162b6d5 100644
--- a/code/smartphone.js
+++ b/code/smartphone.js
@@ -25,9 +25,6 @@ window.runOnSmartphonesBeforeBoot = function() {
   headHTML += '<style>@@INCLUDESTRING:mobile/smartphone.css@@</style>';
   document.getElementsByTagName('head')[0].innerHTML = headHTML;
 
-  // disable zoom buttons to see if they are really needed
-  window.localStorage['iitc.zoom.buttons'] = 'false';
-
   // don’t need many of those
   window.setupStyles = function() {
     $('head').append('<style>' +
diff --git a/mobile/smartphone.css b/mobile/smartphone.css
index 0388b490..ff2ead8a 100644
--- a/mobile/smartphone.css
+++ b/mobile/smartphone.css
@@ -13,6 +13,12 @@ body {
   margin-top: 40px !important;
 }
 
+.leaflet-control-zoom {
+  margin-left: 5px !important;
+  margin-top: 80px !important;
+}
+
+
 #chatcontrols {
   height: 38px;
   width: 100%;