fix-filter-bar
🐛 Bug Fixes
Documents filter bar alignment
Goal: Make the documents filter bar look clean and consistent — the search, member, date and tag fields had different heights, border radii and icon spacing, and the tag field even broke out of its pill.
Solution: Unified the four filter pills through shared SCSS variables so they share one height, one stadium radius, one icon inset and one text offset, making the leading icon and the icon-to-text gap consistent across every field.
Features:
- All filter pills share the same (more compact) height and rounded shape.
- Each leading icon sits at the same left inset, vertically centered, with the same gap to its label.
- The tag icon stays anchored to the left of the pill even when tag chips are present.
- The tag field no longer paints a mismatched border inside its pill.
Files Modified:
src/scss/_variables.sass- Shared filter pill variables (height, radius, icon inset/size, text offset)src/components/DocumentsPanel/FilterBar.scss- Unified pill height/radius and shared leading-icon placementsrc/components/TagsInput/TagsInput.scss- Transparent inner input, left-anchored icon, offset via button padding