From 04e94bec5f3b625c7f53eb7f722f0d207cd9eb07 Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Thu, 5 Jun 2014 12:32:48 -0400
Subject: [PATCH] Mobile: on a post, put username, name, and title on their own
 lines beside the author avatar

---
 app/assets/stylesheets/mobile/topic-post.scss | 48 ++++++++++---------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index ea651c0d5c4..1f6cd9bd672 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -481,24 +481,6 @@ background-color: scale-color($danger, $lightness: 75%);
   margin: -4px 0 0 -4px;
 }
 
-.username.new-user a {
-  color: scale-color($primary, $lightness: 70%);
-}
-
-.topic-meta-data {
-  white-space: nowrap;
-  float: left;
-}
-
-
-.user-title {
-  color: #aaa;
-  padding-top: 2px;
-  padding-left: 8px;
-  overflow: hidden;
-  margin-right: 50px;
-}
-
 span.btn-text {display: none;}
 
 blockquote {
@@ -559,14 +541,34 @@ span.highlighted {
 }
 
 .topic-meta-data {
-  float: left;
+  white-space: nowrap;
   position: absolute;
   z-index: 1;
   width: 100%;
-   .names {margin: 5px 0 0 65px; float: left;}
-   .post-info {float: right; font-size: 12px; margin: 4px 10px 0 0;
-     .edits {margin-right: 5px;}
-   }
+  .names {
+    margin: 5px 0 0 65px;
+    line-height: 17px;
+    span {
+      display: block;
+    }
+  }
+  .post-info {
+    float: right;
+    font-size: 12px;
+    margin: 4px 10px 0 0;
+    .edits { margin-right: 5px; }
+  }
+}
+
+.username.new-user a {
+  color: scale-color($primary, $lightness: 70%);
+}
+
+.user-title {
+  color: #aaa;
+  padding-top: 2px;
+  overflow: hidden;
+  margin-right: 50px;
 }
 
 .read-state {