From f321dd2046740d40c0cc8c5878d9549655bed0ef Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Wed, 16 Sep 2015 11:43:35 -0400
Subject: [PATCH] UX: mobile /categories page new and unread styles match other
 topic lists

---
 .../templates/mobile/discovery/categories.hbs     |  3 +--
 app/assets/stylesheets/mobile/topic-list.scss     | 15 ++++++++++++++-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/mobile/discovery/categories.hbs b/app/assets/javascripts/discourse/templates/mobile/discovery/categories.hbs
index dc7db78da8d..2fed316b228 100644
--- a/app/assets/javascripts/discourse/templates/mobile/discovery/categories.hbs
+++ b/app/assets/javascripts/discourse/templates/mobile/discovery/categories.hbs
@@ -22,7 +22,6 @@
               {{topic-status topic=t}}
               {{topic-link t}}
 
-              {{topic-post-badges unread=t.unread newPosts=t.new_posts unseen=t.unseen url=t.lastUnreadUrl}}
               {{#if t.hasExcerpt}}
                 <div class="topic-excerpt">
                   {{{t.excerpt}}}
@@ -36,7 +35,7 @@
               {{/if}}
             </div>
           </td>
-          <td class='num posts'>{{number t.posts_count}}</td>
+          <td class='num posts'>{{raw "list/post-count-or-badges" topic=t postBadgesEnabled="true"}}</td>
           <td class='num age'><span class="{{cold-age-class t.last_posted_at}}" title='{{raw-date t.last_posted_at}}'>{{{format-age t.last_posted_at}}}</span></td>
         </tr>
 
diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss
index a055b1a2912..69131938dae 100644
--- a/app/assets/stylesheets/mobile/topic-list.scss
+++ b/app/assets/stylesheets/mobile/topic-list.scss
@@ -77,7 +77,7 @@
 
   a.title {color: $primary;}
 
-  .badge-notification {
+  .badge-notification, .category-topic-link td.num .badge-notification {
     position: relative;
     top: -1px;
     font-size: 1.071em;
@@ -93,6 +93,12 @@
     }
   }
 
+  .category-topic-link td.num .badge-notification {
+    &.new-posts, &.unread-posts {
+      color: dark-light-choose($secondary, $secondary);
+    }
+  }
+
   .topic-item-stats {
     margin-top: 8px;
     .category, .num, .last-poster {
@@ -225,6 +231,13 @@ tr.category-topic-link {
     font-size: 110%;
   }
 
+  .category-topic-link .num {
+    white-space: nowrap;
+    .number {
+      font-size: 1.071em;
+    }
+  }
+
 
   .posters {
     float: left;