From 98620f8e0e551185df9082dbf7cbf1d3072949f4 Mon Sep 17 00:00:00 2001
From: Andrei Prigorshnev <a.prigorshnev@gmail.com>
Date: Wed, 12 Oct 2022 20:54:24 +0400
Subject: [PATCH] FIX: status emoji was shown on the left on mobile (#18567)

---
 .../javascripts/discourse/app/widgets/post-user-status.js     | 2 ++
 app/assets/stylesheets/mobile/topic-post.scss                 | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/app/assets/javascripts/discourse/app/widgets/post-user-status.js b/app/assets/javascripts/discourse/app/widgets/post-user-status.js
index 0e048575374..104e1c007c9 100644
--- a/app/assets/javascripts/discourse/app/widgets/post-user-status.js
+++ b/app/assets/javascripts/discourse/app/widgets/post-user-status.js
@@ -3,6 +3,8 @@ import RenderGlimmer from "discourse/widgets/render-glimmer";
 import { hbs } from "ember-cli-htmlbars";
 
 createWidget("post-user-status", {
+  tagName: "span.user-status-message-wrap",
+
   html(attrs) {
     return [
       new RenderGlimmer(
diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index a1e0c6d0e14..e5ff07b7daf 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -362,6 +362,10 @@ span.highlighted {
       order: 2;
     }
 
+    .user-status-message-wrap {
+      order: 2;
+    }
+
     .second {
       order: 3;
       flex-basis: 100%;