Alo/animaltrack
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix registry filter input/button width ratio

Browse Source 
Use Grid with col-span instead of flex to give the filter input 10/12
of the width and the Apply button only 2/12.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Petru
2026-01-08 10:42:34 +00:00
parent 5c12eb553c
commit 94701c2f7e
1 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/animaltrack/web/templates/registry.py
View File

@@ -96,26 +96,30 @@ def registry_header(filter_str: str, total_count: int) -> Div:
Form(
# Label above the input row
FormLabel("Filter", _for="filter", cls="mb-2 block"),
Div(
Grid(
# Filter input - takes most of the width
Input(
id="filter",
name="filter",
value=filter_str,
placeholder='species:duck status:alive location:"Strip 1"',
cls="uk-input flex-1",
cls="uk-input col-span-10",
),
# Apply button
Button("Apply", type="submit", cls=f"{ButtonT.primary} px-4"),
# Clear button (only shown if filter is active)
A(
"Clear",
href="/registry",
cls="px-3 py-2 text-stone-400 hover:text-stone-200",
)
if filter_str
else None,
cls="flex gap-2 items-center",
# Buttons container
Div(
Button("Apply", type="submit", cls=f"{ButtonT.primary} px-4"),
# Clear button (only shown if filter is active)
A(
"Clear",
href="/registry",
cls="px-3 py-2 text-stone-400 hover:text-stone-200",
)
if filter_str
else None,
cls="flex gap-2 col-span-2",
),
cols=12,
cls="gap-2 items-center",
),
action="/registry",
method="get",