FIX: improves positioning of footer buttons on mobile (#6989)

FIX: improves positioning of footer buttons on mobile (#6989)

diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index 811eabb..5186aba 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -244,8 +244,7 @@ a.reply-to-tab {
     color: $tertiary;
   }
   .combobox {
-    float: left;
-    margin-right: 1em;
+    margin-right: 0.5em;
     width: 160px;
     margin-bottom: 0.5em;
   }
@@ -288,8 +287,8 @@ span.post-count {
 
 #topic-footer-buttons {
   .btn {
-    margin-bottom: 5px;
-    margin-right: 10px;
+    margin-bottom: 0.5em;
+    margin-right: 0.5em;
   }
 }
 
diff --git a/app/assets/stylesheets/mobile/topic.scss b/app/assets/stylesheets/mobile/topic.scss
index 333fda7..339ac4a 100644
--- a/app/assets/stylesheets/mobile/topic.scss
+++ b/app/assets/stylesheets/mobile/topic.scss
@@ -215,3 +215,9 @@ sub sub {
     margin-right: 0;
   }
 }
+
+.topic-footer-main-buttons {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}

GitHub sha: 8a152566