From 9808ae29706024209b4b8b838e561ef9ff863e30 Mon Sep 17 00:00:00 2001
From: Kris Aubuchon <kaubuchon@madpow.net>
Date: Tue, 17 Sep 2013 23:32:11 -0400
Subject: [PATCH 1/2] mobile: reduce vertical space between posts, prevent
 titles from wrapping

---
 app/assets/stylesheets/mobile/topic-post.css.scss | 15 +++++++++++----
 app/assets/stylesheets/mobile/topic.css.scss      |  6 ++++--
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/mobile/topic-post.css.scss b/app/assets/stylesheets/mobile/topic-post.css.scss
index ff0b7e0bcf9..30a3f36fce5 100644
--- a/app/assets/stylesheets/mobile/topic-post.css.scss
+++ b/app/assets/stylesheets/mobile/topic-post.css.scss
@@ -2,7 +2,7 @@
 
 .topic-post {
   border-top: 1px solid #ddd;
-  padding: 10px 0 10px 0;
+  padding: 6px 0 3px 0;
   &:first-of-type {
     border-top: none;
   }
@@ -270,7 +270,7 @@ a.star {
     }
 
    .title {
-    font-size: 14px; line-height: 8px;
+    font-size: 14px; line-height: 8px; 
   }
 
 }
@@ -419,10 +419,17 @@ iframe {
   margin: -4px 0 0 -4px;
   background-color: lighten(yellow, 35%);}
 
+.topic-meta-data {
+white-space: nowrap; 
+float: left;
+}
+
 .user-title {
-  margin-left: 8px;
-  display: inline-block;
   color: #aaa;
+  padding-top: 2px;
+  padding-left: 8px;
+  overflow: hidden;
+  margin-right: 50px;
 }
 
 span.btn-text {display: none;}
diff --git a/app/assets/stylesheets/mobile/topic.css.scss b/app/assets/stylesheets/mobile/topic.css.scss
index 4ff98acefc5..3e71c7ce45e 100644
--- a/app/assets/stylesheets/mobile/topic.css.scss
+++ b/app/assets/stylesheets/mobile/topic.css.scss
@@ -2,7 +2,9 @@
 .topic-meta-data {
   width: 100%;
   h3 a {margin-left: 10px;}
-  a {float: left;}
+  a {float: left;
+  }
+
 }
 
 
@@ -10,7 +12,7 @@
 
 .topic-meta-data-inside {
   float: right; 
-  margin-top: -28px;
+  margin-top: -38px;
   margin-right: 5px;
 }
 

From 05c4173723a88471fd362a69ffc20e06d32cd137 Mon Sep 17 00:00:00 2001
From: Kris Aubuchon <kaubuchon@madpow.net>
Date: Tue, 17 Sep 2013 23:46:12 -0400
Subject: [PATCH 2/2] mobile: suggested topics will now fill the viewport width

---
 app/assets/stylesheets/mobile/topic-post.css.scss | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/mobile/topic-post.css.scss b/app/assets/stylesheets/mobile/topic-post.css.scss
index 30a3f36fce5..18dad64203e 100644
--- a/app/assets/stylesheets/mobile/topic-post.css.scss
+++ b/app/assets/stylesheets/mobile/topic-post.css.scss
@@ -257,10 +257,8 @@ a.star {
 }
 
 #suggested-topics {
-  float: left;
   clear: left;
-  margin-top: 10px;
-  padding: 0 10px 0 10px;
+  padding: 20px 10px 15px 10px;
     th.views, td.views, td.activity, th.activity, th.likes, td.likes {
     display: none;
     }