FIX: applies flex on topic-footer-main-buttons (#9829)

FIX: applies flex on topic-footer-main-buttons (#9829)

diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index 3ebee34..54aa976 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -1008,11 +1008,13 @@ a.mention-group {
   padding: 0.5em 0;
 
   .topic-footer-main-buttons {
-    margin: -0.5em 0;
+    margin: 0 0 -0.5em 0;
+    display: flex;
+    flex-wrap: wrap;
 
     > .btn,
     .topic-admin-menu-button-container {
-      margin: 0.5em 0.5em 0.5em 0;
+      margin: 0 0.5em 0.5em 0;
     }
 
     .topic-admin-menu-button-container {
diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index f6fa70b..db68682 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -241,7 +241,7 @@ a.reply-to-tab {
   }
 
   .topic-footer-mobile-dropdown {
-    margin-right: 0.5em;
+    margin: 0 0.5em 0.5em 0;
     width: 160px;
   }
 

GitHub sha: 1647ba46

1 Like

This commit appears in #9829 which was merged by jjaffeux.