From 41ecec16c3e92f0c60f6fc1c10e13e25864049bb Mon Sep 17 00:00:00 2001
From: Till JS <tills95@gmail.com>
Date: Mon, 11 May 2026 14:45:31 +0200
Subject: [PATCH] =?UTF-8?q?fix(web):=20SkeletonGrid=20padding=20an=20DeckL?=
 =?UTF-8?q?istGrid=20angleichen=20=E2=80=94=20kein=20Layout-Sprung=20mehr?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

padding-block: 0 1rem → 1.25rem 2.5rem (identisch zu DeckListGrid/.deck-row),
plus ::after-Spacer ergänzt. Verhindert den Höhensprung beim Übergang
Skeleton → echte Decks auf /decks und /explore.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../src/lib/components/marketplace/SkeletonGrid.svelte    | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/lib/components/marketplace/SkeletonGrid.svelte b/apps/web/src/lib/components/marketplace/SkeletonGrid.svelte
index 1e49d6f..eb7ff2b 100644
--- a/apps/web/src/lib/components/marketplace/SkeletonGrid.svelte
+++ b/apps/web/src/lib/components/marketplace/SkeletonGrid.svelte
@@ -18,7 +18,7 @@
 	.skeleton-row {
 		list-style: none;
 		margin: 0;
-		padding-block: 0 1rem;
+		padding-block: 1.25rem 2.5rem;
 		display: flex;
 		flex-direction: row;
 		gap: 1rem;
@@ -34,6 +34,12 @@
 		width: max(1rem, calc((100dvw - 72rem) / 2 + 1rem));
 	}
 
+	.skeleton-row::after {
+		content: '';
+		flex-shrink: 0;
+		width: max(1rem, calc((100dvw - 72rem) / 2 + 1rem));
+	}
+
 	.skeleton-item {
 		flex: 0 0 auto;
 		width: 16rem;