From 8ee48d893346d13fd6913d08adb22d3a34a8a0e1 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Mon, 22 Jul 2019 10:08:03 -0400
Subject: [PATCH] UX: Improve layout of long tag headings on mobile

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

diff --git a/app/assets/stylesheets/common/base/tagging.scss b/app/assets/stylesheets/common/base/tagging.scss
index 02c9242c005..3dc1f6abc4f 100644
--- a/app/assets/stylesheets/common/base/tagging.scss
+++ b/app/assets/stylesheets/common/base/tagging.scss
@@ -31,7 +31,14 @@
 
 .tag-show-heading {
   display: inline-flex;
+  flex-wrap: wrap;
   align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: hidden;
+  @include breakpoint(mobile-large) {
+    width: 100%;
+  }
   .d-icon {
     margin: 0 0.25em;
   }