From: Dan Karran <dan@karran.net>
Date: Sun, 3 Apr 2011 15:08:21 +0000 (+0100)
Subject: Making more of the site smartphone friendly
X-Git-Tag: live~6250^2~67
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/504f2f7835103b2fb20d0b60daa5f913c79e1bb5?hp=89bd91e7d80531e5344427cdf2f98c58e8203737

Making more of the site smartphone friendly

For example limiting field widths to 100%, extending other elements
to full width, etc.
---

diff --git a/public/stylesheets/small.css b/public/stylesheets/small.css
index 59a38bba4..a00434d59 100644
--- a/public/stylesheets/small.css
+++ b/public/stylesheets/small.css
@@ -22,7 +22,7 @@ h1 {
 {
   height: 14px;
   margin: 0px;
-  padding-left: 10px;
+  padding-left: 3px;
   padding-top: 5px;
   margin-top: 18px;
   background: url('../images/tab_bottom.gif') repeat-x bottom;
@@ -46,7 +46,7 @@ h1 {
   display: block;
   position: absolute;
   top: 0;
-  margin: 3px;
+  margin: 2px;
 }
 
 #small-title img {
@@ -131,3 +131,37 @@ h1 {
   width: 100%;
   max-width: 18em;
 }
+
+/* Rules for the profile page */
+
+.user_map {
+  width: 100% !important;
+  height: 300px !important;
+}
+
+/* Rules for the browse pages */
+
+#browse_navigation {
+  width: 100% !important;
+  margin-top: 0 !important;
+}
+
+#small_map, #browse_map {
+  width: 100% !important;
+}
+
+/* Rules for the diary entries pages */
+
+#diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body {
+  width: 100% !important;
+}
+
+#usemap {
+  display: block;
+}
+
+/* Rules for the messaging pages */
+
+#message_title, #message_body {
+  width: 100% !important;
+}