some mobile css fixes

app/assets/stylesheets/application.css

@@ -300,6 +300,15 @@ div#footer a {
 }
 
 
+/* other specifics */
+div#user_about {
+	margin-left: 12em;
+}
+
+div#gravatar {
+	float: right;
+}
+
 /* stories */
 
 ol.stories,

app/assets/stylesheets/mobile.css

@@ -44,6 +44,14 @@
 		margin: 0 8px;
 	}
 
+	ol.comments {
+		margin-left: 10px;
+	}
+	ol.comments1 {
+		margin-left: 0;
+		padding-left: 15px;
+	}
+
 	div.voters {
 		width: 31px;
 		margin-top: 0px;
@@ -70,15 +78,35 @@
 		font-size: 10pt;
 	}
 
-	div.box label {
+	div.box label,
+	div.boxline label {
 		display: block;
+		width: 100% !important;
+	}
+
+	div.boxline textarea,
+	div.boxline input[type="text"] {
+		max-width: 98%;
 	}
 
 	div#story_box input,
+	div#story_box button,
 	div#story_box textarea,
 	div#story_box #story_tags_a,
-	div#story_box div.markdown_help_toggler {
+	div.markdown_help_toggler {
 		margin: 0 !important;
 		width: 100% !important;
 	}
+
+	div#story_box #story_tags_a {
+		min-width: 305px !important;
+	}
+
+	div#gravatar {
+		float: none;
+	}
+
+	div#user_about {
+		margin-left: 0;
+	}
 }

app/views/users/show.html.erb

@@ -6,7 +6,7 @@
     <% end %>
   </div>
 
-  <div style="float: right;">
+  <div id="gravatar">
     <img src="https://secure.gravatar.com/avatar/<%=
       Digest::MD5.hexdigest(@showing_user.email.strip.downcase) %>?r=pg&amp;
       d=<%= CGI.escape(root_url + "images/1x1t.gif") %>&amp;s=100">
@@ -27,7 +27,9 @@
   
   <label class="required">Karma:</label>
   <span class="d">
-    <%= @showing_user.karma %> (average <%= number_with_precision(@showing_user.average_karma, :precision => 2) %>)
+    <%= @showing_user.karma %>
+    (average <%= number_with_precision(@showing_user.average_karma,
+      :precision => 2) %>)
   </span>
   <br>
 
@@ -47,7 +49,7 @@
 
   <label class="required">About:</label>
 
-  <div class="shorten_first_p" style="margin-left: 12em;">
+  <div id="user_about" class="shorten_first_p">
     <%= raw @showing_user.linkified_about %>
   </div>
 </div>