From: Dan Karran <dan@karran.net>
Date: Sun, 3 Apr 2011 16:50:31 +0000 (+0100)
Subject: Fixing the user settings page for mobile use
X-Git-Tag: live~6250^2~62
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/8dfca713e21739704060983e657b68a8475762cd

Fixing the user settings page for mobile use

Also add a quick workaround for the occasions when the top right
links overlap the logo and site name. We'll need a better fix for
this in the longer run.
---

diff --git a/public/stylesheets/small.css b/public/stylesheets/small.css
index cfcf0fd22..f4d51c868 100644
--- a/public/stylesheets/small.css
+++ b/public/stylesheets/small.css
@@ -43,10 +43,14 @@ h1 {
 #small-title {
   font-size: 12px;
   line-height: 14px;
+  height: 16px;
   display: block;
   position: absolute;
   top: 0;
-  margin: 2px;
+  padding: 2px;
+  width: 110px; /* TODO: find better fix for overlap */
+  background-color: #fff;
+  z-index: 100;
 }
 
 #small-title img {
@@ -139,6 +143,20 @@ h1 {
   height: 300px !important;
 }
 
+/* Rules for the user settings page */
+
+#user_new_email {
+  width: 60% !important;
+}
+
+#user_description, #user_preferred_editor {
+  width: 90% !important;
+}
+
+.minorNote {
+  display: block;
+}
+
 /* Rules for the browse pages */
 
 #browse_navigation {
@@ -149,6 +167,7 @@ h1 {
 #small_map, #browse_map {
   width: 100% !important;
 }
+
 #changeset_list tr {
   display: block;
   clear: left;