From bfacba280c90c0040176431c075dfbd2b37682b5 Mon Sep 17 00:00:00 2001
From: Lowell Torola <lmtorola@mit.edu>
Date: Mon, 23 Dec 2024 23:49:02 -0500
Subject: [PATCH] fix mobile header

---
 frontend/src/components/EpisodeSwitcher.tsx |  4 ++--
 frontend/src/components/Header.tsx          | 10 +++++-----
 frontend/src/views/CodeOfConduct.tsx        |  2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/EpisodeSwitcher.tsx b/frontend/src/components/EpisodeSwitcher.tsx
index bdb7f17e2..6cee9e02b 100644
--- a/frontend/src/components/EpisodeSwitcher.tsx
+++ b/frontend/src/components/EpisodeSwitcher.tsx
@@ -41,8 +41,8 @@ const EpisodeSwitcher: React.FC = () => {
         <div className="relative">
           <Listbox.Button
             className={`relative flex h-9 w-full flex-row items-center justify-center gap-3 truncate rounded-full bg-gray-900/80 py-1.5
-            pl-6 pr-12 text-left text-gray-100 shadow-sm focus:outline-none
-            sm:text-sm sm:leading-6`}
+            pl-4 pr-8 text-left text-sm
+            text-gray-100 shadow-sm focus:outline-none md:pl-6 md:pr-10 md:text-base`}
           >
             <span className="text-sm font-semibold">
               {idToName.get(episodeId)}
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index 1aeffbcc9..1d748bb1a 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -23,7 +23,7 @@ const Header: React.FC = () => {
 
   const renderedItems = useMemo(
     () => renderableItems(ALL_SIDEBAR_ITEMS, episodeData, authState, teamData),
-    [episodeData, teamData],
+    [episodeData, teamData, authState],
   );
 
   return (
@@ -92,7 +92,7 @@ const Header: React.FC = () => {
             </Transition>
           </Menu>
           {/* battlecode logo, episode select */}
-          <div className="flex flex-1 items-center justify-center space-x-6 sm:items-stretch sm:justify-start">
+          <div className="flex flex-1 items-center justify-center space-x-4 sm:items-stretch sm:justify-start">
             <div
               className="flex flex-shrink-0 items-center hover:cursor-pointer"
               onClick={() => {
@@ -100,12 +100,12 @@ const Header: React.FC = () => {
               }}
             >
               <img
-                className="hidden h-8 sm:block"
+                className="hidden h-8 cursor-pointer sm:block"
                 src="/battlecode-logo-horiz-white.png"
                 alt="Battlecode Logo"
               />
               <img
-                className="h-10 sm:hidden"
+                className="h-10 cursor-pointer sm:hidden"
                 src="/battlecode-logo-vert-white.png"
                 alt="Battlecode Logo"
               />
@@ -119,7 +119,7 @@ const Header: React.FC = () => {
                 <Menu.Button className="rounded-full focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800">
                   <span className="sr-only">Open user menu</span>
                   <img
-                    className="h-8 w-8 rounded-full bg-white"
+                    className="h-10 w-10 rounded-full bg-white"
                     src={
                       user.data?.profile?.avatar_url ??
                       "/default_profile_picture.png"
diff --git a/frontend/src/views/CodeOfConduct.tsx b/frontend/src/views/CodeOfConduct.tsx
index d61030d47..1d22f439c 100644
--- a/frontend/src/views/CodeOfConduct.tsx
+++ b/frontend/src/views/CodeOfConduct.tsx
@@ -6,7 +6,7 @@ const ENVIRONMENT = `
 Maintaining a safe and inclusive environment for competitors is a top priority for Battlecode.
 Battlecode strictly follows [MIT's Policies](https://policies-procedures.mit.edu/) on responsible and ethical conduct.
 
-If someone makes you or anyone else feel unsafe or unwelcome, please report it to Teh Devs as soon as possible at [mailto:battlecode@mit.edu](battlecode@mit.edu).
+If someone makes you or anyone else feel unsafe or unwelcome, please report it to Teh Devs as soon as possible at [battlecode@mit.edu](mailto:battlecode@mit.edu).
 
 Harassment and other code of conduct violations reduce the value of the competition for everyone. People like you make our community a better place, and we want you to be happy here.
 `;