Files

1.9 KiB

phase, plan, subsystem, tags, dependency_graph, tech_stack, key_files, decisions, metrics
phase plan subsystem tags dependency_graph tech_stack key_files decisions metrics
quick 260411-022 client-ui
layout
header
search
global-items
requires provides affects
compact-global-items-header
src/client/routes/global-items/index.tsx
added patterns
flex-wrap inline header
lucide-react ArrowLeft
created modified
src/client/routes/global-items/index.tsx
ArrowLeft icon + "Discover" label replaces arrow entity + "Dashboard" — matches Phase 27 restructure where / is the discovery landing page
duration completed
~5 minutes 2026-04-11

Quick Task 260411-022: Fix Global Items Search Bar Layout

One-liner: Collapsed three-section header (back link, title+subtitle, search) into a two-row compact layout with ArrowLeft icon, "Discover" back link, and inline title+search row.

Tasks Completed

# Task Commit Files
1 Consolidate global items header into compact layout 4aab1fe src/client/routes/global-items/index.tsx

Changes Made

  • Back link: Replaced &larr; Dashboard with <ArrowLeft /> Discover — clearer icon, correct label for Phase 27's landing page restructure
  • Title: Reduced from text-2xl font-bold to text-lg font-semibold and dropped the subtitle paragraph
  • Search: Moved inline with title using flex flex-wrap items-center justify-between gap-4. On mobile the search wraps below the title (w-full sm:w-auto sm:max-w-xs)
  • Outer padding: py-6py-4
  • Section margins: Removed separate mb-6, mb-8, mb-8 wrappers; replaced with mb-3 (back link) and mb-4 (title+search row)

Deviations from Plan

None — plan executed exactly as written.

Known Stubs

None.

Self-Check: PASSED

  • File src/client/routes/global-items/index.tsx modified and committed
  • Commit 4aab1fe confirmed in git log
  • bun run lint passed with no errors