From: John Firebaugh <john.firebaugh@gmail.com>
Date: Wed, 17 Jul 2013 21:21:17 +0000 (-0700)
Subject: Refine map UI for small screens
X-Git-Tag: live~4838^2~3
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/669d3ed52c6f22e842c1319c242e06ee9694f615?ds=sidebyside

Refine map UI for small screens
---

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 9ba10f38b..a4f816b9d 100644
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -600,7 +600,9 @@ a.donate {
     color:#222;
     border:1px solid #ddd;
   }
+}
 
+.layers-ui {
   li {
     border-radius: 4px;
     overflow: hidden;
@@ -609,7 +611,7 @@ a.donate {
 
   label {
     display: block;
-    padding: 5px;
+    padding: 5px 5px 5px 7px;
     background-color: #eee;
     cursor: pointer;
   }
@@ -618,10 +620,6 @@ a.donate {
     background-color: #ccc;
   }
 
-  input[type=text] {
-    width:220px;
-  }
-
   .base-layers {
     .leaflet-container {
       width: 100%;
diff --git a/app/assets/stylesheets/small.css.scss b/app/assets/stylesheets/small.css.scss
index 2bec6d249..a6bf475c3 100644
--- a/app/assets/stylesheets/small.css.scss
+++ b/app/assets/stylesheets/small.css.scss
@@ -168,6 +168,27 @@ p.search_results_entry {
   padding: 2px 0px;
 }
 
+/* Rules for the map UI */
+
+.layers-ui {
+  .leaflet-container {
+    display: none;
+  }
+
+  li {
+    border-radius: 0;
+    margin-bottom: 0;
+
+    &:first-child {
+      border-radius: 4px 4px 0 0;
+    }
+
+    &:last-child {
+      border-radius: 0 0 4px 4px;
+    }
+  }
+}
+
 /* Rules for the signup form */
 
 #signupForm input[type="text"], #signupForm input[type="password"] {