UX: Update positioning of mobile post controls (#12760)

UX: Update positioning of mobile post controls (#12760)

diff --git a/app/assets/javascripts/discourse/app/widgets/post-menu.js b/app/assets/javascripts/discourse/app/widgets/post-menu.js
index 471304b..8584170 100644
--- a/app/assets/javascripts/discourse/app/widgets/post-menu.js
+++ b/app/assets/javascripts/discourse/app/widgets/post-menu.js
@@ -561,11 +561,7 @@ export default createWidget("post-menu", {
 
     const repliesButton = this.attachButton("replies", attrs);
     if (repliesButton) {
-      if (!this.site.mobileView) {
-        postControls.push(repliesButton);
-      } else {
-        visibleButtons.splice(-1, 0, repliesButton);
-      }
+      postControls.push(repliesButton);
     }
 
     const extraPostControls = applyDecorators(
diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index 03a2be8..0ee932d 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -35,6 +35,7 @@ span.badge-posts {
     }
     .actions {
       display: flex;
+      justify-content: flex-end;
 
       // Handles the like and flag buttons in the post menu.
       .double-button {
@@ -88,7 +89,6 @@ span.badge-posts {
           .d-icon {
             color: var(--primary-high);
           }
-          margin-left: auto;
         }
         &.has-like {
           .d-icon {
@@ -106,14 +106,15 @@ span.badge-posts {
       display: flex;
       align-items: center;
       .show-replies {
-        margin-left: auto;
         display: flex;
         font-size: $font-up-1;
+        padding: 10px 8px;
         + .reply {
           margin-left: 0;
         }
         .d-icon {
           padding-left: 8px;
+          font-size: $font-down-1;
         }
       }
       .actions {

GitHub sha: 3c0164f3

This commit appears in #12760 which was approved by SamSaffron. It was merged by SamSaffron.