UX: Move reply filter button on mobile (#11524)

app/assets/javascripts/discourse/app/widgets/post-menu.js

@@ -558,7 +558,11 @@ export default createWidget("post-menu", {
 
     const repliesButton = this.attachButton("replies", attrs);
     if (repliesButton) {
-      postControls.push(repliesButton);
+      if (!this.site.mobileView) {
+        postControls.push(repliesButton);
+      } else {
+        visibleButtons.splice(-1, 0, repliesButton);
+      }
     }
 
     const extraControls = applyDecorators(this, "extra-controls", attrs, state);

app/assets/stylesheets/mobile/topic-post.scss

@@ -106,9 +106,12 @@ span.badge-posts {
       display: flex;
       align-items: center;
       .show-replies {
+        margin-left: auto;
         display: flex;
-        padding: 8px;
         font-size: $font-up-1;
+        + .reply {
+          margin-left: 0;
+        }
         .d-icon {
           padding-left: 8px;
         }