From f06f7161eaab3a60ec0f6fc22a16e7570d04f3fc Mon Sep 17 00:00:00 2001
From: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Date: Mon, 22 Jan 2018 18:26:54 +0100
Subject: [PATCH] FIX: category badge when using box style on long category
 names

---
 .../select-kit/templates/components/category-row.hbs       | 2 +-
 app/assets/stylesheets/common/select-kit/category-row.scss | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/select-kit/templates/components/category-row.hbs b/app/assets/javascripts/select-kit/templates/components/category-row.hbs
index 5ad6824c659..5d0908be623 100644
--- a/app/assets/javascripts/select-kit/templates/components/category-row.hbs
+++ b/app/assets/javascripts/select-kit/templates/components/category-row.hbs
@@ -1,7 +1,7 @@
 {{#if category}}
     {{#if hasParentCategory}}
       <div class="category-status">
-        {{badgeForParentCategory}}&nbsp;{{badgeForCategory}}
+        {{badgeForParentCategory}} {{badgeForCategory}}
         <span class="topic-count">&times; {{topicCount}}</span>
       </div>
     {{else}}
diff --git a/app/assets/stylesheets/common/select-kit/category-row.scss b/app/assets/stylesheets/common/select-kit/category-row.scss
index ef3245d5012..b572f3a1822 100644
--- a/app/assets/stylesheets/common/select-kit/category-row.scss
+++ b/app/assets/stylesheets/common/select-kit/category-row.scss
@@ -2,9 +2,16 @@
   .category-row {
     .category-status {
       display: flex;
+      flex-wrap: wrap;
+      align-items: center;
       -webkit-box-flex: 0;
           -ms-flex: 1 1 auto;
               flex: 1 1 auto;
+
+      .badge-wrapper.box {
+        margin-bottom: 1px;
+        margin-top: 1px;
+      }
     }
   }
 }