From 4a60d4508988cd3f35f1c08db9e25ec5c9d4a369 Mon Sep 17 00:00:00 2001
From: John O'Keefe <jokeefe@fastmail.com>
Date: Thu, 15 Aug 2024 16:15:28 -0400
Subject: [PATCH] fixed resizing

---
 frontend/src/Header.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Header.svelte b/frontend/src/Header.svelte
index de8ecda..fedd7b2 100644
--- a/frontend/src/Header.svelte
+++ b/frontend/src/Header.svelte
@@ -34,7 +34,7 @@
 
 <header class="mb-2">
     <nav class="bg-white border-gray-200 px-4 lg:px-6 py-2.5 dark:bg-gray-800">
-        <div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl">
+        <div class="flex justify-between items-center mx-auto max-w-screen-lg">
             <img src={logo} class="mr-3 h-6 sm:h-9" alt="AniTrack Logo"/>
 
             <div class="flex space-x-4 items-center">
@@ -55,9 +55,9 @@
                               clip-rule="evenodd"></path>
                     </svg>
                 </button>
-                <div class="hidden justify-between lg:space-x-44 items-center w-full lg:flex lg:flex-wrap lg:mx-auto lg:max-w-screen-lg"
+                <div class="hidden justify-between items-center w-full lg:flex md:space-x-20 lg:mx-auto lg:max-w-screen-xl"
                      id="mobile-menu-2">
-                    <ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-2 lg:mt-0">
+                    <ul class="flex flex-col mt-4 font-medium md:flex-row md:space-x-2 md:mt-0">
                         <li>
                             {#if isAniListLoggedIn}
                                 <span class="bg-green-100 text-green-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded dark:bg-green-800 dark:text-green-200 cursor-default">AniList: {currentAniListUser.data.Viewer.name}</span>