From 3ff1d63a8d4126823af7849e82e6620c31c8b567 Mon Sep 17 00:00:00 2001
From: Sam <sam.saffron@gmail.com>
Date: Thu, 24 Apr 2014 11:10:50 +1000
Subject: [PATCH] Improve mobile style for topic lists

This has been driving me nuts for a while now
---
 .../mobile/list/topic_list_item.js.handlebars     | 10 ++++------
 app/assets/stylesheets/mobile/topic-list.scss     | 15 ++++++++++++---
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/mobile/list/topic_list_item.js.handlebars b/app/assets/javascripts/discourse/templates/mobile/list/topic_list_item.js.handlebars
index c687296bd6e..5fd7bccec40 100644
--- a/app/assets/javascripts/discourse/templates/mobile/list/topic_list_item.js.handlebars
+++ b/app/assets/javascripts/discourse/templates/mobile/list/topic_list_item.js.handlebars
@@ -33,22 +33,20 @@
   {{/unless}}
 
   <div class="pull-right">
-    <div class='num posts'><a href="{{lastUnreadUrl}}">{{number posts_count numberKey="posts_long"}}</a></div>
+    <div class='num posts'><a href="{{lastUnreadUrl}}">{{number posts_count numberKey="posts_long"}} <i class="fa fa-comment"></i></a></div>
 
     {{#if like_count}}
-      <div class='num likes'><a href='{{url}}{{#if has_summary}}?filter=summary{{/if}}' title='{{i18n topic.likes count="like_count"}}'><i class='fa fa-heart'></i> {{number like_count numberKey="likes_long"}}</a></div>
+      <div class='num likes'><a href='{{url}}{{#if has_summary}}?filter=summary{{/if}}' title='{{i18n topic.likes count="like_count"}}'>{{number like_count numberKey="likes_long"}} <i class='fa fa-heart'></i></a></div>
     {{/if}}
 
-    <div class='last-poster'>
-      <i class="fa fa-user"></i> {{last_poster_username}}
-    </div>
-
     {{#if bumped}}
       <div class='num activity last'>
+        <a href="{{lastPostUrl}}" title='{{i18n last_post}}: {{{rawDate bumped_at}}}'>{{last_poster_username}}</a>
         <a href="{{lastPostUrl}}" class='age' title='{{i18n last_post}}: {{{rawDate bumped_at}}}'>{{unboundAge bumped_at}}</a>
       </div>
     {{else}}
       <div class='num activity last'>
+        <a href="{{url}}" title='{{i18n last_post}}: {{{rawDate bumped_at}}}'>{{last_poster_username}}</a>
         <a href="{{url}}" class='age' title='{{i18n first_post}}: {{{rawDate created_at}}}'>{{unboundAge created_at}}</a>
       </div>
     {{/if}}
diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss
index 1e99085acd1..135b619bc97 100644
--- a/app/assets/stylesheets/mobile/topic-list.scss
+++ b/app/assets/stylesheets/mobile/topic-list.scss
@@ -130,10 +130,19 @@
   .topic-item-stats {
     .category, .num, .last-poster {
       float: left;
-      margin-right: 8px;
+      margin-right: 14px;
     }
-    .posts {
-      font-weight: bold;
+    .fa {
+      color: lighten($black, 50%);
+    }
+    .fa-heart{
+      position: relative;
+      left: -1px;
+    }
+    .fa-comment{
+      position: relative;
+      top: -1px;
+      left: 1px;
     }
   }