Widen filter dropdowns so labels clear the chevron icons.
Deploy Ladill Transfer / deploy (push) Successful in 25s

Give status and sort selects minimum width and extra right padding on Transfers and Files toolbars.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-06-08 21:54:19 +00:00
co-authored by Cursor
parent f458dccd49
commit 1f8f816f34
2 changed files with 3 additions and 3 deletions
@@ -124,7 +124,7 @@
@endif @endif
<input type="search" name="q" value="{{ $search }}" placeholder="Search files…" <input type="search" name="q" value="{{ $search }}" placeholder="Search files…"
class="w-40 rounded-lg border border-slate-200 px-2.5 py-1.5 text-xs focus:border-indigo-300 focus:outline-none focus:ring-2 focus:ring-indigo-100 sm:w-52"> class="w-40 rounded-lg border border-slate-200 px-2.5 py-1.5 text-xs focus:border-indigo-300 focus:outline-none focus:ring-2 focus:ring-indigo-100 sm:w-52">
<select name="sort" onchange="this.form.submit()" class="rounded-lg border border-slate-200 px-2 py-1.5 text-xs text-slate-700"> <select name="sort" onchange="this.form.submit()" class="min-w-[7.5rem] rounded-lg border border-slate-200 py-1.5 pl-3 pr-8 text-xs text-slate-700">
<option value="newest" @selected($sort === 'newest')>Newest</option> <option value="newest" @selected($sort === 'newest')>Newest</option>
<option value="oldest" @selected($sort === 'oldest')>Oldest</option> <option value="oldest" @selected($sort === 'oldest')>Oldest</option>
<option value="name" @selected($sort === 'name')>Name</option> <option value="name" @selected($sort === 'name')>Name</option>
@@ -17,13 +17,13 @@
<input type="search" name="q" value="{{ $search }}" placeholder="Search transfers…" <input type="search" name="q" value="{{ $search }}" placeholder="Search transfers…"
class="w-full rounded-lg border border-slate-200 py-1.5 pl-8 pr-2.5 text-xs text-slate-700 placeholder-slate-400 focus:border-indigo-300 focus:outline-none focus:ring-2 focus:ring-indigo-100 sm:w-52"> class="w-full rounded-lg border border-slate-200 py-1.5 pl-8 pr-2.5 text-xs text-slate-700 placeholder-slate-400 focus:border-indigo-300 focus:outline-none focus:ring-2 focus:ring-indigo-100 sm:w-52">
</div> </div>
<select name="status" onchange="this.form.submit()" class="rounded-lg border border-slate-200 px-2 py-1.5 text-xs text-slate-700"> <select name="status" onchange="this.form.submit()" class="min-w-[9rem] rounded-lg border border-slate-200 py-1.5 pl-3 pr-8 text-xs text-slate-700">
<option value="all" @selected($status === 'all')>All statuses</option> <option value="all" @selected($status === 'all')>All statuses</option>
<option value="active" @selected($status === 'active')>Active</option> <option value="active" @selected($status === 'active')>Active</option>
<option value="grace" @selected($status === 'grace')>Payment due</option> <option value="grace" @selected($status === 'grace')>Payment due</option>
<option value="expired" @selected($status === 'expired')>Expired</option> <option value="expired" @selected($status === 'expired')>Expired</option>
</select> </select>
<select name="sort" onchange="this.form.submit()" class="rounded-lg border border-slate-200 px-2 py-1.5 text-xs text-slate-700"> <select name="sort" onchange="this.form.submit()" class="min-w-[7.5rem] rounded-lg border border-slate-200 py-1.5 pl-3 pr-8 text-xs text-slate-700">
<option value="newest" @selected($sort === 'newest')>Newest</option> <option value="newest" @selected($sort === 'newest')>Newest</option>
<option value="oldest" @selected($sort === 'oldest')>Oldest</option> <option value="oldest" @selected($sort === 'oldest')>Oldest</option>
<option value="title" @selected($sort === 'title')>Title</option> <option value="title" @selected($sort === 'title')>Title</option>