Fix library filter bar button misalignment

.field's margin-bottom (meant for vertically-stacked fields) pushed each
field's box lower than the bare Filter button under align-items: flex-end,
making the button look higher than the search/playlist/format boxes next
to it. New .filter-bar class zeroes that margin instead of the previous
ad-hoc inline flex styling.
This commit is contained in:
andrew
2026-07-09 10:31:01 -06:00
parent b4dd2286a9
commit 76e5b32687
2 changed files with 15 additions and 1 deletions
+1 -1
View File
@@ -12,7 +12,7 @@
<div class="notice success">Track deleted.</div>
{% endif %}
<form method="get" action="/library" class="panel" style="display:flex; gap:0.75rem; flex-wrap:wrap; align-items:flex-end; max-width:none;">
<form method="get" action="/library" class="panel filter-bar">
<div class="field">
<label for="q">Search</label>
<input type="text" id="q" name="q" value="{{ q }}" placeholder="artist, title, album...">