Fix Todo search alignment: wrap CategoryFilterBar in flex-1 container
CategoryFilterBar's internal flex-1 spacer needs room to push search right. Wrapping in flex-1 min-w-0 matches the Locations/People pattern. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
057b43627b
commit
1e225145c9
@ -154,6 +154,7 @@ export default function TodosPage() {
|
||||
</div>
|
||||
|
||||
{/* Category filter bar (All + Completed + Categories with drag) */}
|
||||
<div className="flex-1 min-w-0">
|
||||
<CategoryFilterBar
|
||||
activeFilters={activeFilters}
|
||||
pinnedLabel="Completed"
|
||||
@ -167,8 +168,7 @@ export default function TodosPage() {
|
||||
searchValue={search}
|
||||
onSearchChange={setSearch}
|
||||
/>
|
||||
|
||||
<div className="flex-1" />
|
||||
</div>
|
||||
|
||||
<Button onClick={handleCreateNew} size="sm">
|
||||
<Plus className="mr-2 h-4 w-4" />
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user