feat(*): Improve layout

src/routes/+layout.svelte

@@ -87,7 +87,8 @@
 	<!-- <link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon.png" /> -->
 </svelte:head>
 
-<header>
+<div class="flex flex-col min-h-screen">
+	<header>
 		<div class="navbar bg-primary text-primary-content">
 			<div class="navbar-start">
 				<div class="dropdown">
@@ -161,13 +162,13 @@
 				</div>
 			</div>
 		</div>
-</header>
+	</header>
 
-<main>
+	<main class="flex-grow">
 		<slot />
-</main>
+	</main>
 
-<footer class="footer items-center p-4 bg-neutral text-neutral-content bottom-0">
+	<footer class="footer items-center p-4 bg-neutral text-neutral-content bottom-0">
 		<aside class="items-center grid-flow-col">
 			<a href="https://github.com/jcreek/LivingDexTracker" target="_blank">
 				<svg
@@ -186,8 +187,8 @@
 				</svg>
 			</a>
 			<p>
-			Open source and free to use, forever. We are in no way associated with Nintendo, Game Freak or
-			The Pokémon Company.
+				Open source and free to use, forever. We are in no way associated with Nintendo, Game Freak
+				or The Pokémon Company.
 			</p>
 		</aside>
 		<nav class="grid-flow-col gap-4 md:place-self-center md:justify-self-end">
@@ -205,8 +206,9 @@
 				</svg>
 			</a>
 		</nav>
-</footer>
+	</footer>
 
-{#await import('$lib/components/pwa/ReloadPrompt.svelte') then { default: ReloadPrompt }}
+	{#await import('$lib/components/pwa/ReloadPrompt.svelte') then { default: ReloadPrompt }}
 		<ReloadPrompt />
-{/await}
+	{/await}
+</div>

src/routes/mydex/+page.svelte

@@ -98,7 +98,7 @@
 		</div>
 	</aside>
 
-	<main class="flex-1 p-4">
+	<main class="flex-1 p-4 ml-64">
 		<div class="max-w-min mx-auto">
 			{#if combinedData}
 				{#each combinedData as { pokedexEntry, catchRecord }}