From 7ed03d12b20f852775502581b275e0bbca0dfea8 Mon Sep 17 00:00:00 2001
From: Jon Atkins <github@jonatkins.com>
Date: Sun, 12 May 2013 17:26:42 +0100
Subject: [PATCH] update layer chooser styling on mobile - remove size increase
 for layer chooser - it's large enough already (and matches the size of other
 android UI elements) - remove extra padding between layer chooser lines. yes,
 it'll be harder to click the right line, but smaller screens have it pushed
 off the bottom sometimes without this)

---
 mobile/smartphone.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/mobile/smartphone.css b/mobile/smartphone.css
index ca0e782a..c6688d69 100644
--- a/mobile/smartphone.css
+++ b/mobile/smartphone.css
@@ -109,10 +109,12 @@ 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;
@@ -120,18 +122,17 @@ body {
   padding-left: 8px;
 }
 
+/* hide the usual seperator */
 .leaflet-control-layers-separator {
   display: none;
 }
 
-.leaflet-control-layers-toggle {
-    width: 50px !important;
-    height: 50px !important;
-}
-
+/* 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 {