---
phase: quick
plan: 260411-022
subsystem: client-ui
tags: [layout, header, search, global-items]
dependency_graph:
  requires: []
  provides: [compact-global-items-header]
  affects: [src/client/routes/global-items/index.tsx]
tech_stack:
  added: []
  patterns: [flex-wrap inline header, lucide-react ArrowLeft]
key_files:
  created: []
  modified:
    - src/client/routes/global-items/index.tsx
decisions:
  - ArrowLeft icon + "Discover" label replaces arrow entity + "Dashboard" — matches Phase 27 restructure where / is the discovery landing page
metrics:
  duration: ~5 minutes
  completed: 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-6` → `py-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