fix(advanced-search): improve filter layout (#353)

[paul43210]

Summary

• Dropdowns (Type, Media Type, Tags) now display side-by-side in a flex row that wraps on narrow screens
• Range fields (Size, Modified, ISO, Aperture, Focal Length) use vertical stacking (min above max with "to" separator) instead of horizontal layout
• Range pairs arranged in a responsive grid (2 columns when space allows)
• Text inputs (Name, Content, Caption, Object Detection) remain full-width between the two groups

Closes #353

Test plan

• Verify dropdowns display side-by-side in Standard Filters section
• Verify dropdowns display side-by-side in Photo / EXIF Filters section
• Verify range fields show min above max (vertical stacking)
• Verify layout wraps properly on narrow screens
• Verify all filter inputs still function correctly

🤖 Generated with Claude Code

[mmattel]

Good start, needs improvement 😅

These things catch my eyes:

1. There is no space between the range blocks making this hard to read / differenciate.
2. Range fields are very wide, too wide imho. They have been shorter before.
3. The input boxes in range fields are not properly aligned /having the same height
4. I am thinking what if the to devider is not centered but left aligned, same as the range header text.
5. Selector boxes should be closer together. Their distance should be as wide as the opened selector box is
6. I like how Name and Content is rendered. Each having an own line and full width

[mmattel]

Great fix, this looks awsome 👍
This is really just fine tuning, what about if there is a very little more vertical space between the drop down selectors (when closed ) and the range items? This would make the selector more distinct to the range item(s). e.g. Type and Name are quite close together. The vertical space for the range items looks good.

[paul43210]

Good catch — added a bit more vertical spacing (margin-bottom) below the dropdown selector rows to better distinguish them from the range items below. Pushed in 24515a7.