From 79250fb705cc03cf5f8174f0b26e679ca5639a8e Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Mon, 6 Apr 2026 15:57:35 +0200
Subject: [PATCH] =?UTF-8?q?fix(ui):=20fix=20SortDropdown=20height=20alignm?=
 =?UTF-8?q?ent=20=E2=80=94=20appearance-none=20+=20items-stretch?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/SortDropdown.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/SortDropdown.svelte b/frontend/src/lib/components/SortDropdown.svelte
index c7dbce0c..25827726 100644
--- a/frontend/src/lib/components/SortDropdown.svelte
+++ b/frontend/src/lib/components/SortDropdown.svelte
@@ -13,11 +13,11 @@ function toggleDir() {
 }
 </script>
 
-<div class="inline-flex items-center">
+<div class="inline-flex items-stretch">
 	<select
 		role="combobox"
 		bind:value={sort}
-		class="border border-line bg-muted px-4 py-2.5 text-sm font-bold text-ink-2 transition hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
+		class="appearance-none border border-line bg-muted px-4 py-2.5 text-sm font-bold text-ink-2 transition hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
 	>
 		<option value="DATE">{m.docs_sort_date()}</option>
 		<option value="TITLE">{m.docs_sort_title()}</option>