From 6d7ce6ffd4252737e8d86947be001a91285a1965 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 23 Oct 2021 14:14:56 -0500
Subject: [PATCH] TabsBar: move Profile menu to the left on mobile

---
 app/styles/components/tabs-bar.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/styles/components/tabs-bar.scss b/app/styles/components/tabs-bar.scss
index c8c090aca..372233026 100644
--- a/app/styles/components/tabs-bar.scss
+++ b/app/styles/components/tabs-bar.scss
@@ -44,6 +44,16 @@
     &--right {
       margin-left: auto;
       align-items: center;
+
+      // Move Profile menu to the left on mobile
+      @media screen and (max-width: 450px) {
+        margin: 0;
+        order: -1;
+
+        .tabs-bar__profile {
+          margin-left: 0;
+        }
+      }
     }
   }