From 1e225145c91874d829ff78e289f029b81be9f153 Mon Sep 17 00:00:00 2001
From: Kyle Pope <kyle.a.pope@outlook.com>
Date: Wed, 25 Feb 2026 23:25:41 +0800
Subject: [PATCH] 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>
---
 frontend/src/components/todos/TodosPage.tsx | 30 ++++++++++-----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/todos/TodosPage.tsx b/frontend/src/components/todos/TodosPage.tsx
index 213e4fb..40d1367 100644
--- a/frontend/src/components/todos/TodosPage.tsx
+++ b/frontend/src/components/todos/TodosPage.tsx
@@ -154,21 +154,21 @@ export default function TodosPage() {
         </div>
 
         {/* Category filter bar (All + Completed + Categories with drag) */}
-        <CategoryFilterBar
-          activeFilters={activeFilters}
-          pinnedLabel="Completed"
-          showPinned={showCompleted}
-          categories={orderedCategories}
-          onToggleAll={toggleAll}
-          onTogglePinned={toggleCompleted}
-          onToggleCategory={toggleCategory}
-          onSelectAllCategories={selectAllCategories}
-          onReorderCategories={reorderCategories}
-          searchValue={search}
-          onSearchChange={setSearch}
-        />
-
-        <div className="flex-1" />
+        <div className="flex-1 min-w-0">
+          <CategoryFilterBar
+            activeFilters={activeFilters}
+            pinnedLabel="Completed"
+            showPinned={showCompleted}
+            categories={orderedCategories}
+            onToggleAll={toggleAll}
+            onTogglePinned={toggleCompleted}
+            onToggleCategory={toggleCategory}
+            onSelectAllCategories={selectAllCategories}
+            onReorderCategories={reorderCategories}
+            searchValue={search}
+            onSearchChange={setSearch}
+          />
+        </div>
 
         <Button onClick={handleCreateNew} size="sm">
           <Plus className="mr-2 h-4 w-4" />