From d861888e5e74f80523e5024b35076496bc7683ae Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Thu, 29 Jan 2026 18:05:50 -0600
Subject: [PATCH] fix: proper centering for login page content, avoid
 unnecssary scrollbar

---
 web/src/routes/+layout.svelte     | 10 ++++++----
 web/src/routes/login/+page.svelte |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 79cf7b3..2d297f8 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -37,9 +37,11 @@ onMount(() => {
 </script>
 
 <Tooltip.Provider>
-  <NavBar />
+  <div class="flex min-h-screen flex-col">
+    <NavBar />
 
-  <PageTransition key={transitionKey}>
-    {@render children()}
-  </PageTransition>
+    <PageTransition key={transitionKey}>
+      {@render children()}
+    </PageTransition>
+  </div>
 </Tooltip.Provider>
diff --git a/web/src/routes/login/+page.svelte b/web/src/routes/login/+page.svelte
index 1976d66..ef70560 100644
--- a/web/src/routes/login/+page.svelte
+++ b/web/src/routes/login/+page.svelte
@@ -3,7 +3,7 @@ import { authStore } from "$lib/auth.svelte";
 import { LogIn } from "@lucide/svelte";
 </script>
 
-<div class="flex min-h-screen items-center justify-center">
+<div class="flex flex-1 items-center justify-center pb-14">
   <div class="w-full max-w-sm space-y-6 text-center">
     <h1 class="text-3xl font-bold">Sign In</h1>
     <p class="text-muted-foreground">Sign in with your Discord account to continue.</p>