From 382dbfbb8a559e4ad4638d8a30caf1d84774617e Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Mon, 26 Feb 2018 16:59:10 -0500
Subject: [PATCH] Fix for categories with icons not wrapping properly

---
 app/assets/stylesheets/common/base/category-list.scss | 7 +++++++
 app/assets/stylesheets/common/components/badges.scss  | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/common/base/category-list.scss b/app/assets/stylesheets/common/base/category-list.scss
index 62faa65cfe2..f40848161c7 100644
--- a/app/assets/stylesheets/common/base/category-list.scss
+++ b/app/assets/stylesheets/common/base/category-list.scss
@@ -1,3 +1,10 @@
+.category-list {
+  .category-title-link {
+    display: inline-flex;
+    align-items: baseline;
+  }
+}
+
 .category-boxes, .category-boxes-with-topics {
   display: flex;
   flex-wrap: wrap;
diff --git a/app/assets/stylesheets/common/components/badges.scss b/app/assets/stylesheets/common/components/badges.scss
index 22764d98d94..548ed6eeb01 100644
--- a/app/assets/stylesheets/common/components/badges.scss
+++ b/app/assets/stylesheets/common/components/badges.scss
@@ -25,13 +25,13 @@
   
   .badge-category {
       display: inline-flex;
+      align-items: baseline;
       .category-name {
         text-overflow: ellipsis;
         overflow: hidden;
     }
     .d-icon {
       margin-right: 3px;
-      line-height: $line-height-large;
     }
   }