From 032c712641ea1165a114d73edbb1af1b729823c2 Mon Sep 17 00:00:00 2001
From: RezHackXYZ <rhythmupa@gmail.com>
Date: Wed, 11 Jun 2025 17:54:02 +0530
Subject: [PATCH] fix alignment

---
 src/routes/flashcards/+page.svelte | 12 +++++++-----
 src/routes/flashcards/card.svelte  |  2 +-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/routes/flashcards/+page.svelte b/src/routes/flashcards/+page.svelte
index 67f8d97..0660e55 100644
--- a/src/routes/flashcards/+page.svelte
+++ b/src/routes/flashcards/+page.svelte
@@ -13,14 +13,16 @@
 			<button onclick={() => resetDeck()} class="big btn green">Reset Deck</button>
 		</div>
 	{:else}
-		<div class="flex flex-1 flex-col items-center justify-center gap-5">
-			<div class="flex flex-col gap-1 text-center"><Card /></div>
+		<div class="flex flex-1 flex-col items-center justify-center gap-2">
+			<div class="flex flex-col gap-1 text-center">
+				<div class="flex items-center justify-center p-2">
+					<StatsAndButtons />
+				</div>
+				<Card />
+			</div>
 			<div class="flex gap-4">
 				<Buttons />
 			</div>
 		</div>
-		<div class="flex items-center justify-between p-2 text-gray-700">
-			<StatsAndButtons />
-		</div>
 	{/if}
 </div>
diff --git a/src/routes/flashcards/card.svelte b/src/routes/flashcards/card.svelte
index dbec22f..41f1d2a 100644
--- a/src/routes/flashcards/card.svelte
+++ b/src/routes/flashcards/card.svelte
@@ -28,7 +28,7 @@
 </div>
 
 <p
-	class="invisible mt-4 text-center text-gray-500 opacity-0 transition peer-hover:visible peer-hover:opacity-100"
+	class="invisible mt-2 text-center text-gray-500 opacity-0 transition peer-hover:visible peer-hover:opacity-100"
 >
 	Click to flip the card and see the answer ☝️
 </p>