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

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

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