From b00a7b0bf748e7d77cda6f83720f2f2b9d35f817 Mon Sep 17 00:00:00 2001
From: Michael Howell <michael@notriddle.com>
Date: Mon, 23 Apr 2018 11:04:47 -0700
Subject: [PATCH] Fix the badge widows on mobile (#5777)

---
 .../mobile/list/topic-list-item.raw.hbs       | 22 +++++++++----------
 app/assets/stylesheets/mobile/topic-list.scss |  1 +
 2 files changed, 12 insertions(+), 11 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 d0541cf791..2363ec4371 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
@@ -8,17 +8,17 @@
   <div>
   {{/unless~}}
     <div class='main-link'>
-      {{raw "topic-status" topic=topic}}
-      {{topic-link topic}}
-      {{#if topic.featured_link}}
-        {{topic-featured-link topic}}
-      {{/if}}
-      {{#if topic.unseen}}
-        <span class="badge-notification new-topic"></span>
-      {{/if}}
-      {{~#if expandPinned}}
-      {{raw "list/topic-excerpt" topic=topic}}
-      {{/if~}}
+      {{~raw "topic-status" topic=topic~}}
+      {{~topic-link topic~}}
+      {{~#if topic.featured_link~}}
+        {{~topic-featured-link topic~}}
+      {{~/if~}}
+      {{~#if topic.unseen~}}
+        &nbsp;<span class="badge-notification new-topic"></span>
+      {{~/if~}}
+      {{~#if expandPinned~}}
+      {{~raw "list/topic-excerpt" topic=topic~}}
+      {{~/if~}}
     </div>
 
     <div class='pull-right'>
diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss
index b036c12666..3bca7b91eb 100644
--- a/app/assets/stylesheets/mobile/topic-list.scss
+++ b/app/assets/stylesheets/mobile/topic-list.scss
@@ -85,6 +85,7 @@
 
   .badge-notification, .category-topic-link td.num .badge-notification {
     position: relative;
+    display: inline;
     top: -1px;
     font-size: $font-down-1;
     padding: 4px 6px 3px 6px;