From 28816bca87f8e3c89fdd6a0e41aabb1c1faa2dfe Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Sun, 12 Jul 2026 13:02:55 +0200
Subject: [PATCH] fix(section-header): Action-Link auf schmalen Viewports nicht
 mehr gequetscht

Kicker/Titel/Action stacken jetzt vertikal unter sm: (statt erzwungenem
flex-row + whitespace-nowrap), Action bekommt volle Breite eigene Zeile.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/lib/components/SectionHeader.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/SectionHeader.svelte b/src/lib/components/SectionHeader.svelte
index 0856926..2be975c 100644
--- a/src/lib/components/SectionHeader.svelte
+++ b/src/lib/components/SectionHeader.svelte
@@ -37,7 +37,7 @@
   const hasKickerRow = $derived(!!number || !!kicker);
 </script>
 
-<div class="flex items-end justify-between gap-6">
+<div class="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between sm:gap-6">
   <div>
     <!-- Kicker: Nummer · Linie · Label -->
     {#if hasKickerRow}
@@ -66,7 +66,7 @@
 
   <!-- Aktion (Slot hat Vorrang, sonst Label+Href) -->
   {#if hasAction}
-    <div class="whitespace-nowrap">
+    <div class="sm:whitespace-nowrap">
       {#if children}
         {@render children()}
       {:else}