Merge pull request #4354 from Flaburgan/improve-mobile-view

Improve mobile usability

Conflicts:
	Changelog.md

Changelog.md

@@ -29,6 +29,7 @@
 * Resize preview button [#4355](https://github.com/diaspora/diaspora/pull/4355)
 * Fix compability problem with MySQL 5.6 [#4312](https://github.com/diaspora/diaspora/issues/4312)
 * Don't collapse the post preview [#4346](https://github.com/diaspora/diaspora/issues/4346)
+* Improve mobile usability [#4354](https://github.com/diaspora/diaspora/pull/4354)
 
 ## Features
 * Admin: add option to find users under 13 (COPPA) [#4252](https://github.com/diaspora/diaspora/pull/4252)

app/assets/stylesheets/mobile.css.scss

@@ -331,21 +331,31 @@ body {
 #nav_badges {
   display: inline-block;
   float: right;
-  padding: 4px 12px;  
-}
-  #nav_badges a:hover {
-    text-decoration: none; }
-  #nav_badges .badge {
+  padding: 4px 12px;
+  
+  a:hover {
+    text-decoration: none;
+  }
+  
+  .badge {
     position: relative;
     display: inline;
     margin-left: 3px;
     padding: 8px 3px;
-      padding-bottom: 9px;
+    padding-bottom: 9px;
     font-weight: bold;
     font-size: smaller;
-    width: 28px; }
-    #nav_badges .badge:hover .badge_count {
-      background-color: #bd0902; }
+    width: 28px;
+  }
+  
+  .badge:hover .badge_count {
+      background-color: #bd0902;
+  }
+  
+  a {
+    padding: 5px 0px;
+  }
+}
 
 .badge_count {
   -moz-border-radius: 2px 2px 2px 2px;
@@ -546,6 +556,7 @@ footer {
   left: 0;
   top: 40px;
   width: 100%;
+  min-height: 220px;
 
   fieldset {
     padding: 10px;
@@ -629,10 +640,6 @@ select {
   line-height: 16px;
 }
 
-.new_status_message {
-  min-height: 300px;
-}
-
 .reshare {
   border-bottom: 1px solid #ccc;
   padding: {