From 2922cc3036a4a28f55d50a2777f35fcf66944596 Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Wed, 9 Sep 2015 16:05:02 -0400
Subject: [PATCH] UX: mobile topic list: move post count to right side of topic
 title

---
 .../templates/mobile/list/topic_list_item.raw.hbs      |  7 +++++--
 app/assets/stylesheets/mobile/topic-list.scss          | 10 +++++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/mobile/list/topic_list_item.raw.hbs b/app/assets/javascripts/discourse/templates/mobile/list/topic_list_item.raw.hbs
index 972acfa16a8..01937421ae6 100644
--- a/app/assets/javascripts/discourse/templates/mobile/list/topic_list_item.raw.hbs
+++ b/app/assets/javascripts/discourse/templates/mobile/list/topic_list_item.raw.hbs
@@ -1,5 +1,5 @@
 <td>
-<div class='main-link clearfix'>
+<div class='main-link'>
   {{raw "topic-status" topic=content}}
   {{topic-link content}}
   {{#if controller.showTopicPostBadges}}
@@ -7,6 +7,10 @@
   {{/if}}
   {{raw "list/topic-excerpt" topic=content}}
 </div>
+<div class='pull-right'>
+  {{raw "list/posts-count-column" topic=content tagName="div"}}
+</div>
+<div class="clearfix"></div>
 
 <div class="topic-item-stats clearfix">
   {{#unless controller.hideCategory}}
@@ -17,7 +21,6 @@
   {{plugin-outlet "topic-list-tags"}}
 
   <div class="pull-right">
-    {{raw "list/posts-count-column" topic=content tagName="div"}}
     <div class='num activity last'>
       <a href="{{content.lastPostUrl}}" title='{{i18n 'last_post'}}: {{{raw-date content.bumped_at}}}'>{{content.last_poster_username}}</a>
       {{raw "list/activity-column" topic=content tagName="span" class="age"}}
diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss
index 859998d3e50..6922da71c22 100644
--- a/app/assets/stylesheets/mobile/topic-list.scss
+++ b/app/assets/stylesheets/mobile/topic-list.scss
@@ -350,8 +350,16 @@ button.dismiss-read {
 
 // base defines extra padding for easier click/top of title field
 // this is a bit too much for mobile
-td.main-link {
+td .main-link {
+  width: 80%;
+  display: inline-block;
   a.title {
     padding: 5px 10px 5px 0;
   }
 }
+.topic-list-item {
+  .posts-map {
+    font-size: 1.071em;
+    padding-top: 2px;
+  }
+}