From a2d1babac69482c4cb0f3a90f745fa335cdb8f83 Mon Sep 17 00:00:00 2001
From: Joe <33972521+hnb-ku@users.noreply.github.com>
Date: Tue, 8 Jan 2019 23:33:47 +0800
Subject: [PATCH] UX: tag container should wrap if there's a large number of
 tags

---
 app/assets/stylesheets/common/base/_topic-list.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss
index d276ea033c8..54b49674d59 100644
--- a/app/assets/stylesheets/common/base/_topic-list.scss
+++ b/app/assets/stylesheets/common/base/_topic-list.scss
@@ -134,7 +134,14 @@
   .link-bottom-line {
     font-size: $font-down-1;
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
+    .discourse-tags {
+      flex-wrap: wrap;
+      // IE11 is being very stubborn but this is only protection for topics with
+      // a very excessive number of extra long tags - edge case.
+      -ms-flex: 1 0 0px;
+    }
     a.badge-wrapper.box,
     a.discourse-tag.box {
       padding-top: 0;