UX: protection for very wide category-logo images on narrow screens

UX: protection for very wide category-logo images on narrow screens

diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss
index c888928..564a736 100644
--- a/app/assets/stylesheets/common/base/_topic-list.scss
+++ b/app/assets/stylesheets/common/base/_topic-list.scss
@@ -42,6 +42,9 @@
       }
     }
   }
+  .category-heading {
+    max-width: 100%;
+  }
 }
 
 .topic-list-item.visited,
diff --git a/app/assets/stylesheets/desktop/topic-list.scss b/app/assets/stylesheets/desktop/topic-list.scss
index b6c5fb6..877f8f8 100644
--- a/app/assets/stylesheets/desktop/topic-list.scss
+++ b/app/assets/stylesheets/desktop/topic-list.scss
@@ -210,8 +210,6 @@ button.dismiss-read {
 }
 
 .category-heading {
-  clear: both;
-  max-width: 100%;
   p {
     line-height: $line-height-large;
     font-size: $font-up-3;

GitHub sha: 22f43abb

1 Like

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