From a38883e63130d550e0893451a7385c68772e408b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sat, 7 Mar 2026 15:51:13 +0100
Subject: [PATCH] fix: align admin filter toggle buttons with search input
 height

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 packages/frontend/src/routes/admin/articles/+page.svelte   | 3 +--
 packages/frontend/src/routes/admin/recordings/+page.svelte | 5 +----
 packages/frontend/src/routes/admin/users/+page.svelte      | 3 +--
 packages/frontend/src/routes/admin/videos/+page.svelte     | 5 +----
 4 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/packages/frontend/src/routes/admin/articles/+page.svelte b/packages/frontend/src/routes/admin/articles/+page.svelte
index 3696ba8..17c3251 100644
--- a/packages/frontend/src/routes/admin/articles/+page.svelte
+++ b/packages/frontend/src/routes/admin/articles/+page.svelte
@@ -81,7 +81,7 @@
   </div>
 
   <!-- Filters -->
-  <div class="flex flex-wrap gap-3 mb-4 px-3 sm:px-0">
+  <div class="flex flex-wrap items-center gap-3 mb-4 px-3 sm:px-0">
     <Input
       placeholder={$_("admin.articles.search_placeholder")}
       class="max-w-xs"
@@ -110,7 +110,6 @@
       </SelectContent>
     </Select>
     <Button
-      size="sm"
       variant={data.featured === true ? "default" : "outline"}
       onclick={() => setFilter("featured", data.featured === true ? null : "true")}
     >
diff --git a/packages/frontend/src/routes/admin/recordings/+page.svelte b/packages/frontend/src/routes/admin/recordings/+page.svelte
index a7f1af3..88f8e7f 100644
--- a/packages/frontend/src/routes/admin/recordings/+page.svelte
+++ b/packages/frontend/src/routes/admin/recordings/+page.svelte
@@ -71,7 +71,7 @@
     >
   </div>
 
-  <div class="flex flex-wrap gap-3 mb-4 px-3 sm:px-0">
+  <div class="flex flex-wrap items-center gap-3 mb-4 px-3 sm:px-0">
     <Input
       placeholder={$_("admin.recordings.search_placeholder")}
       class="max-w-xs"
@@ -83,17 +83,14 @@
     />
     <div class="flex gap-1">
       <Button
-        size="sm"
         variant={data.status === undefined ? "default" : "outline"}
         onclick={() => setFilter("status", null)}>{$_("admin.common.all")}</Button
       >
       <Button
-        size="sm"
         variant={data.status === "published" ? "default" : "outline"}
         onclick={() => setFilter("status", "published")}>{$_("admin.recordings.published")}</Button
       >
       <Button
-        size="sm"
         variant={data.status === "draft" ? "default" : "outline"}
         onclick={() => setFilter("status", "draft")}>{$_("admin.recordings.draft")}</Button
       >
diff --git a/packages/frontend/src/routes/admin/users/+page.svelte b/packages/frontend/src/routes/admin/users/+page.svelte
index 647c8ed..af945d8 100644
--- a/packages/frontend/src/routes/admin/users/+page.svelte
+++ b/packages/frontend/src/routes/admin/users/+page.svelte
@@ -93,7 +93,7 @@
   </div>
 
   <!-- Filters -->
-  <div class="flex flex-wrap gap-3 mb-4 px-3 sm:px-0">
+  <div class="flex flex-wrap items-center gap-3 mb-4 px-3 sm:px-0">
     <Input
       placeholder={$_("admin.users.search_placeholder")}
       class="max-w-xs"
@@ -107,7 +107,6 @@
     <div class="flex gap-1">
       {#each roles as role (role)}
         <Button
-          size="sm"
           variant={data.role === role || (!data.role && role === "") ? "default" : "outline"}
           onclick={() => setRole(role)}
         >
diff --git a/packages/frontend/src/routes/admin/videos/+page.svelte b/packages/frontend/src/routes/admin/videos/+page.svelte
index ad6b761..4231ce2 100644
--- a/packages/frontend/src/routes/admin/videos/+page.svelte
+++ b/packages/frontend/src/routes/admin/videos/+page.svelte
@@ -78,7 +78,7 @@
   </div>
 
   <!-- Filters -->
-  <div class="flex flex-wrap gap-3 mb-4 px-3 sm:px-0">
+  <div class="flex flex-wrap items-center gap-3 mb-4 px-3 sm:px-0">
     <Input
       placeholder={$_("admin.videos.search_placeholder")}
       class="max-w-xs"
@@ -90,21 +90,18 @@
     />
     <div class="flex gap-1">
       <Button
-        size="sm"
         variant={data.featured === undefined ? "default" : "outline"}
         onclick={() => setFilter("featured", null)}
       >
         {$_("admin.common.all")}
       </Button>
       <Button
-        size="sm"
         variant={data.featured === true ? "default" : "outline"}
         onclick={() => setFilter("featured", "true")}
       >
         {$_("admin.common.featured")}
       </Button>
       <Button
-        size="sm"
         variant={data.premium === true ? "default" : "outline"}
         onclick={() => setFilter("premium", data.premium === true ? null : "true")}
       >