From d9a946d9ca04e17b2b91a87c2959dfaf5303e58e Mon Sep 17 00:00:00 2001
From: Pablu23 <pablu23@gmx.de>
Date: Wed, 8 Oct 2025 11:41:43 +0200
Subject: [PATCH] WIP: Still working, looking better

---
 src/routes/game/+page.svelte | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/routes/game/+page.svelte b/src/routes/game/+page.svelte
index edbceb0..edec064 100644
--- a/src/routes/game/+page.svelte
+++ b/src/routes/game/+page.svelte
@@ -348,22 +348,16 @@
 		</div>
 
 		<!-- Game area -->
-		<div class="flex-1 flex flex-col">
+		<div class="flex-1 flex flex-col md:items-center">
 			<!-- Card placement area - using horizontal scrolling for many cards -->
 			<div class="relative py-10 mb-12">
 				<div class="overflow-x-auto pb-4">
 					<div class="flex space-x-6 min-w-full px-6">
-						<div
-							class="card-slot relative flex-shrink-0 w-48 h-64 border-2 border-dashed border-gray-200 rounded-lg {dragTargetIndex ===
-							0
-								? 'highlight'
-								: ''}"
-						></div>
 						{#each placedCards as card, index}
 							<!-- Adding card-slot class for drop target detection -->
 							<div
 								class="card-slot relative flex-shrink-0 w-48 h-64 rounded-lg overflow-hidden shadow-md border border-gray-200 transition-all {dragTargetIndex ===
-								index + 1
+								index
 									? 'highlight'
 									: ''}"
 							>
@@ -384,7 +378,7 @@
 						<!-- Add an extra slot at the end -->
 						<div
 							class="card-slot relative flex-shrink-0 w-48 h-64 border-2 border-dashed border-gray-200 rounded-lg {dragTargetIndex ===
-							placedCards.length + 1
+							placedCards.length
 								? 'highlight'
 								: ''}"
 						></div>