From d12a58fb3d63d31d3cb96498604346ccb7630316 Mon Sep 17 00:00:00 2001
From: Azalea Colburn <azalea.colburn@autodesk.com>
Date: Tue, 19 Nov 2024 12:13:43 -0800
Subject: [PATCH] feat: style queue page

---
 src/routes/admin/+page.svelte | 2 +-
 src/routes/queue/+page.svelte | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/routes/admin/+page.svelte b/src/routes/admin/+page.svelte
index c11ac53..75be0f9 100644
--- a/src/routes/admin/+page.svelte
+++ b/src/routes/admin/+page.svelte
@@ -36,7 +36,7 @@
 		</div>
 		<div class="grid grid-cols-2 grid-rows-3 row-span-3 gap-4 text-black grid-flow-col">
 			{#each teams as _, i}
-				<input bind:value={teams[i]} type="text" class="rounded" />
+				<input bind:value={teams[i]} type="text" class="rounded p-1" />
 			{/each}
 		</div>
 	</div>
diff --git a/src/routes/queue/+page.svelte b/src/routes/queue/+page.svelte
index 724494a..2eed1a4 100644
--- a/src/routes/queue/+page.svelte
+++ b/src/routes/queue/+page.svelte
@@ -19,6 +19,10 @@
 	};
 </script>
 
-<h1>In Queue</h1>
+<div
+	class="h-full w-full grid grid-cols-1 grid-rows-2 align-middle text-4xl text-white place-items-center gap-4"
+>
+	<h1 class="p-2">In Queue</h1>
 
-<button onclick={leave}>Leave Queue</button>
+	<button class="rounded border p-4" onclick={leave}>Leave Queue</button>
+</div>