From 272935034d9fcb070ece6e282ffc3c691ba19356 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Sat, 18 Apr 2026 08:59:21 +0200
Subject: [PATCH] =?UTF-8?q?fix(filter):=20Trigger=20streckt=20sich=20auf?=
 =?UTF-8?q?=20volle=20Container-H=C3=B6he?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der .wrap-Div zwischen .search-box und .trigger war display:block, was
align-self:stretch am Trigger komplett neutralisiert hat — Button war
nur 16px hoch in einem 52px-Container. Playwright hat das klar gezeigt.

- .wrap:has(.trigger.inline) wird jetzt zu display:flex, damit der
  Trigger darin überhaupt ein Flex-Item ist.
- .trigger.inline bekommt height:100% statt sich auf align-self zu
  verlassen.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/lib/components/SearchFilter.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/SearchFilter.svelte b/src/lib/components/SearchFilter.svelte
index 505820e..cc45a2f 100644
--- a/src/lib/components/SearchFilter.svelte
+++ b/src/lib/components/SearchFilter.svelte
@@ -177,14 +177,18 @@
   }
   /* In der Suchmaske: kein eigener Rahmen/Hintergrund, der Container drumherum
      trägt die visuelle Form. Hover füllt die volle Container-Höhe. */
+  .wrap:has(.trigger.inline) {
+    display: flex;
+    align-items: stretch;
+  }
   .trigger.inline {
     background: transparent;
     border: 0;
     border-right: 1px solid #e4eae7;
     border-radius: 0;
     padding: 0 0.85rem 0 0.65rem;
-    align-self: stretch;
     min-height: 0;
+    height: 100%;
   }
   .trigger.inline:first-child {
     border-top-left-radius: 12px;