From 59950b0f955c7a8f194574ce016e009d47d811f1 Mon Sep 17 00:00:00 2001
From: Joe <33972521+hnb-ku@users.noreply.github.com>
Date: Tue, 10 Jul 2018 13:51:46 +0800
Subject: [PATCH] UX: category description display issue

html tags like `<strong>` are displayed on separate lines inside a flexbox with `flex-wrap`
---
 .../stylesheets/common/select-kit/category-row.scss       | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/common/select-kit/category-row.scss b/app/assets/stylesheets/common/select-kit/category-row.scss
index f60acf0e03d..ec51c9dfb0b 100644
--- a/app/assets/stylesheets/common/select-kit/category-row.scss
+++ b/app/assets/stylesheets/common/select-kit/category-row.scss
@@ -1,7 +1,6 @@
 .select-kit {
   .category-row {
-    .category-status,
-    .category-desc {
+    .category-status {
       display: flex;
       flex-wrap: wrap;
       align-items: center;
@@ -10,14 +9,15 @@
       -ms-flex: 1 1 auto;
       flex: 1 1 auto;
     }
-
+    .category-desc {
+      max-width: 100%; // needed for IE11
+    }
     .category-status {
       .badge-wrapper.box {
         margin-bottom: 1px;
         margin-top: 1px;
       }
     }
-
     .topic-count {
       white-space: nowrap;
     }