From d36c260dd0415f4db6f327d4d630e4f1d334cca7 Mon Sep 17 00:00:00 2001
From: Joe <33972521+hnb-ku@users.noreply.github.com>
Date: Mon, 9 Jul 2018 11:45:00 +0800
Subject: [PATCH] UX: adds flexbox to topic user name fields on mobile

---
 app/assets/stylesheets/mobile/topic-post.scss | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index 16b74dfc9b1..39667290835 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -453,6 +453,30 @@ span.highlighted {
   font-size: $font-down-1;
   .names {
     line-height: $line-height-medium;
+    display: flex;
+    flex-wrap: wrap;
+    .full-name {
+      font-weight: bold;
+      order: 1;
+    }
+    .staff-notes-icon {
+      order: 2;
+      margin-left: 4px;
+    }
+    .poster-icon {
+      order: 2;
+    }
+    .username {
+      order: 3;
+      flex-basis: 100%;
+    }
+    .user-title {
+      order: 4;
+      flex-basis: 100%;
+    }
+    span {
+      margin-right: 4px;
+    }
   }
 }