Fix mobile hamburger menu orientation when signed in

pennlabs · Oct 15, 2024 · 380eac7 · 380eac7
1 parent 23c8e5f
commit 380eac7
Showing 1 changed file with 18 additions and 10 deletions.
diff --git a/frontend/components/Header/index.tsx b/frontend/components/Header/index.tsx
@@ -189,16 +189,24 @@ const Header = ({ authenticated, userInfo }: HeaderProps): ReactElement => {
               <Title>{SITE_NAME}</Title>
             </LogoItem>
           </Link>
-          {authenticated === false && (
-            <MobileLoginButton
-              className="button"
-              href={`${LOGIN_URL}?next=${router.asPath}`}
-              onClick={() => logEvent('login', 'click')}
-            >
-              Login
-            </MobileLoginButton>
-          )}
-          <Burger toggle={toggle} />
+          <div
+            style={{
+              flex: 1,
+              display: 'flex',
+              justifyContent: 'flex-end',
+            }}
+          >
+            {authenticated === false && (
+              <MobileLoginButton
+                className="button"
+                href={`${LOGIN_URL}?next=${router.asPath}`}
+                onClick={() => logEvent('login', 'click')}
+              >
+                Login
+              </MobileLoginButton>
+            )}
+            <Burger toggle={toggle} />
+          </div>
         </div>
         <Links userInfo={userInfo} authenticated={authenticated} show={show} />
       </Nav>