UX: Improve layout of long tag headings on mobile

UX: Improve layout of long tag headings on mobile

diff --git a/app/assets/stylesheets/common/base/tagging.scss b/app/assets/stylesheets/common/base/tagging.scss
index 02c9242..3dc1f6a 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;
   }

GitHub sha: 8ee48d89

1 Like

This commit has been mentioned on Discourse Meta. There might be relevant details there:

1 Like