From fdf8fbdb8f59ccaeb1a52a2cfbd75c865036070f Mon Sep 17 00:00:00 2001
From: Jon Atkins <github@jonatkins.com>
Date: Sun, 19 May 2013 16:54:02 +0100
Subject: [PATCH] hide the layer chooser on mobile - it's now handled by in-app
 code the layer chooser object itself needs to remain though, as it's used to
 keep track of the layers available, and plugins would break without it there

---
 mobile/smartphone.css | 31 +------------------------------
 1 file changed, 1 insertion(+), 30 deletions(-)

diff --git a/mobile/smartphone.css b/mobile/smartphone.css
index c6688d69..3edc3121 100644
--- a/mobile/smartphone.css
+++ b/mobile/smartphone.css
@@ -13,8 +13,7 @@ body {
 }
 
 .leaflet-control-layers {
-  margin-left: 0 !important;
-  margin-top: 0 !important;
+  display: none;    /* hide layer control - it's now handled by an in-app option */
 }
 
 #geosearch {
@@ -109,34 +108,6 @@ body {
   width: 100%;
 }
 
-/* base layer selection - first column */
-.leaflet-control-layers-base {
-  float: left;
-}
-
-/* overlays layer selection - 2nd column */
-.leaflet-control-layers-overlays {
-  float: left;
-  margin-left: 8px;
-  border-left: 1px solid #DDDDDD;
-  padding-left: 8px;
-}
-
-/* hide the usual seperator */
-.leaflet-control-layers-separator {
-  display: none;
-}
-
-/* increase padding on list items - easier for touchscreens */
-/* removed for now. could consider adding it back, conditional on device screen size?
-.leaflet-control-layers-list label {
-  padding: 6px 0;
-}
-*/
-
-.leaflet-control-attribution {
-
-}
 
 #portal_highlight_select{
   top:0px !important;