From 75b92d103c0767ff4fe84a576df41a1304a11b21 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 16 Aug 2026 00:24:18 +0200
Subject: [PATCH] Fix status/script filter dropdowns being cramped on mobile

SelectTrigger defaults to w-fit, and the toolbar only set a width from
sm: up, so below that breakpoint each dropdown shrank to its label text
instead of using the full row it was already stacked onto.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 app/src/components/runs/runs-toolbar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/src/components/runs/runs-toolbar.tsx b/app/src/components/runs/runs-toolbar.tsx
index 8775345..d0ffdae 100644
--- a/app/src/components/runs/runs-toolbar.tsx
+++ b/app/src/components/runs/runs-toolbar.tsx
@@ -65,7 +65,7 @@ export function RunsToolbar({ scripts }: RunsToolbarProps) {
           updateParams({ status: value === "all" ? null : value })
         }
       >
-        <SelectTrigger className="sm:w-40">
+        <SelectTrigger className="w-full sm:w-40">
           <SelectValue placeholder="Status" />
         </SelectTrigger>
         <SelectContent>
@@ -83,7 +83,7 @@ export function RunsToolbar({ scripts }: RunsToolbarProps) {
           updateParams({ scriptId: value === "all" ? null : value })
         }
       >
-        <SelectTrigger className="sm:w-48">
+        <SelectTrigger className="w-full sm:w-48">
           <SelectValue placeholder="Script" />
         </SelectTrigger>
         <SelectContent>