From 2b35168d386c73b71308ae33adeb8f0ff3638aad Mon Sep 17 00:00:00 2001
From: Till JS <tills95@gmail.com>
Date: Wed, 20 May 2026 13:44:40 +0200
Subject: [PATCH] fix(ui): Marketplace-Stack + Mehr-laden-Button + Header-Logo
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- MarketplaceDeckStack: cover-desc auf 6 Zeilen geclampt
  (vorher unbegrenzt, lange Beschreibungen überlagerten den Titel
  visuell und wurden hart vom overflow:hidden abgeschnitten).
- Explore: "Mehr laden"-Button von full-width-Border auf
  zentriertes Pill mit Primary-Fill, mit "X von Y"-Counter
  drüber. Vorher kaum sichtbar.
- Header: "C"-Logo (Cards-Rebrand-Rest) auf "W" gesetzt.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 apps/web/src/lib/components/Header.svelte     |  2 +-
 .../marketplace/MarketplaceDeckStack.svelte   |  5 +++++
 apps/web/src/routes/explore/+page.svelte      | 21 ++++++++++++-------
 3 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/lib/components/Header.svelte b/apps/web/src/lib/components/Header.svelte
index a0b4a96..3ca04f6 100644
--- a/apps/web/src/lib/components/Header.svelte
+++ b/apps/web/src/lib/components/Header.svelte
@@ -50,7 +50,7 @@
 
 <div class="bottom-bar" role="navigation" aria-label={t('common.main_nav')}>
 	<!-- Logo -->
-	<a href="/" class="logo-badge" aria-label={t('app.name')}>C</a>
+	<a href="/" class="logo-badge" aria-label={t('app.name')}>W</a>
 
 	<div class="divider" aria-hidden="true"></div>
 
diff --git a/apps/web/src/lib/components/marketplace/MarketplaceDeckStack.svelte b/apps/web/src/lib/components/marketplace/MarketplaceDeckStack.svelte
index 5d20245..3a24234 100644
--- a/apps/web/src/lib/components/marketplace/MarketplaceDeckStack.svelte
+++ b/apps/web/src/lib/components/marketplace/MarketplaceDeckStack.svelte
@@ -162,6 +162,11 @@
 		font-size: 0.75rem;
 		color: hsl(var(--color-muted-foreground));
 		line-height: 1.4;
+		display: -webkit-box;
+		-webkit-line-clamp: 6;
+		line-clamp: 6;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
 	}
 
 	.cover-meta {
diff --git a/apps/web/src/routes/explore/+page.svelte b/apps/web/src/routes/explore/+page.svelte
index 97d1389..fe19713 100644
--- a/apps/web/src/routes/explore/+page.svelte
+++ b/apps/web/src/routes/explore/+page.svelte
@@ -169,14 +169,19 @@
 		{/if}
 
 		{#if browseResults.length < browseTotal}
-			<button
-				type="button"
-				class="mt-4 w-full rounded border border-[hsl(var(--color-border))] py-2 text-sm hover:bg-[hsl(var(--color-card))]"
-				onclick={onLoadMore}
-				disabled={loadingBrowse}
-			>
-				{loadingBrowse ? 'Lade…' : `${browseResults.length} / ${browseTotal} — mehr laden`}
-			</button>
+			<div class="mt-6 flex flex-col items-center gap-2">
+				<span class="text-xs text-[hsl(var(--color-muted-foreground))]">
+					{browseResults.length} von {browseTotal}
+				</span>
+				<button
+					type="button"
+					class="rounded-full bg-[hsl(var(--color-primary))] px-6 py-2 text-sm font-medium text-[hsl(var(--color-primary-foreground))] shadow-sm transition-opacity hover:opacity-90 disabled:opacity-50"
+					onclick={onLoadMore}
+					disabled={loadingBrowse}
+				>
+					{loadingBrowse ? 'Lade…' : 'Mehr laden'}
+				</button>
+			</div>
 		{/if}
 	</section>
 </div>