From 9e5dfd1c8405d21c42ab760f090faf70c6500009 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Mon, 18 Jan 2021 13:51:52 -0800
Subject: [PATCH] Move "Log out" button into the nav menu

When actually using mobile, I was like "oh, it's maybe not great that the menu button is tiny and the Log out button is huge". Awkward click targets!
---
 src/app/GlobalHeader.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/GlobalHeader.js b/src/app/GlobalHeader.js
index 3b4e7cd..e7a4a3f 100644
--- a/src/app/GlobalHeader.js
+++ b/src/app/GlobalHeader.js
@@ -129,7 +129,7 @@ function UserNavBarSection() {
         <NavLinksList>
           {id && (
             <NavLinkItem as={Link} to={`/user/${id}/items`}>
-              Items
+              Lists
             </NavLinkItem>
           )}
           <NavLinkItem as={Link} to={`/your-outfits`}>
@@ -138,10 +138,12 @@ function UserNavBarSection() {
           <NavLinkItem as={Link} to="/modeling">
             Modeling
           </NavLinkItem>
+          <NavLinkItem
+            onClick={() => logout({ returnTo: window.location.origin })}
+          >
+            Log out
+          </NavLinkItem>
         </NavLinksList>
-        <NavButton onClick={() => logout({ returnTo: window.location.origin })}>
-          Log out
-        </NavButton>
       </HStack>
     );
   } else {