From f848f6cbb63585ec2ad9d07cc81e0ba6358cd64a Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Wed, 11 Aug 2021 12:47:03 -0400
Subject: [PATCH] UX: Fix mobile PM nav for regular users (#14007)

---
 app/assets/stylesheets/mobile/user.scss | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/mobile/user.scss b/app/assets/stylesheets/mobile/user.scss
index 47ff10bddbf..04da05b7174 100644
--- a/app/assets/stylesheets/mobile/user.scss
+++ b/app/assets/stylesheets/mobile/user.scss
@@ -32,7 +32,7 @@
 
   // specific to messages
 
-  .user-messages.user-messages-inboxes {
+  .user-messages {
     grid-row-start: 2;
     grid-column-start: 1;
     grid-column-end: 3;
@@ -41,6 +41,15 @@
     grid-template-columns: 1fr 1fr;
     gap: 16px;
 
+    &.user-messages-inboxes {
+      // when there are multiple inboxes
+      .messages-nav {
+        grid-column-start: 2;
+        grid-column-end: 3;
+        grid-row-start: 1;
+      }
+    }
+
     + .user-additional-controls {
       grid-row-start: 2;
       grid-column-start: 1;
@@ -63,12 +72,6 @@
     }
   }
 
-  .messages-nav {
-    grid-column-start: 2;
-    grid-column-end: 3;
-    grid-row-start: 1;
-  }
-
   .new-private-message {
     grid-row-start: 1;
     grid-column-start: 2;