From e762ddd15c6208185fc15c200dcb900b608730b4 Mon Sep 17 00:00:00 2001 From: Nexus Dev Date: Wed, 1 Apr 2026 21:23:29 +0000 Subject: [PATCH] =?UTF-8?q?docs(23):=20fix=20UI-SPEC=20spacing=20=E2=80=94?= =?UTF-8?q?=20replace=206px/12px=20with=204px/16px=20grid=20values?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../phases/23-brainstormer-flow/23-UI-SPEC.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/.planning/phases/23-brainstormer-flow/23-UI-SPEC.md b/.planning/phases/23-brainstormer-flow/23-UI-SPEC.md index baedd2f0..63d59fc8 100644 --- a/.planning/phases/23-brainstormer-flow/23-UI-SPEC.md +++ b/.planning/phases/23-brainstormer-flow/23-UI-SPEC.md @@ -85,8 +85,8 @@ When the Brainstormer completes its questioning flow, it emits a **spec card** a - Container: `rounded-lg border border-border bg-card p-4 max-w-[480px]` — uses `bg-card` (secondary 30% surface) to visually distinguish spec from normal prose - Section labels ("What", "Why", "Constraints", "Success"): `text-[11px] font-semibold uppercase tracking-wide text-muted-foreground` — same weight/size pattern as Phase 22 timestamps - Section content: `text-[15px] font-normal text-foreground leading-relaxed` — standard body -- Vertical rhythm between sections: `space-y-3` (12px gaps) -- Action row: `flex gap-2 pt-3 border-t border-border mt-3` — separated from content with a border +- Vertical rhythm between sections: `space-y-4` (16px gaps) +- Action row: `flex gap-2 pt-4 border-t border-border mt-4` — separated from content with a border - "Send to PM" button: `variant="default" size="sm"` — primary action - "Edit" button: `variant="outline" size="sm"` — secondary action - "Save as Draft" button: `variant="ghost" size="sm"` — tertiary action @@ -115,7 +115,7 @@ When the PM agent creates Nexus issues from the spec, a `system` role message wi [ #123 Issue title text → View task ] ``` -- Container: `inline-flex items-center gap-2 rounded-md border border-border bg-card px-3 py-1.5 text-[13px]` +- Container: `inline-flex items-center gap-2 rounded-md border border-border bg-card px-3 py-1 text-[13px]` - Issue ID badge: `text-[11px] font-semibold text-muted-foreground` — e.g. "T-123" - Issue title: `text-[13px] text-foreground` - "View task" link: `text-primary underline-offset-2 hover:underline` — navigates to the issue detail page @@ -129,7 +129,7 @@ When an Engineer or Generalist completes a task, a `system` role message with `m [ ✓ Engineer completed T-123: Issue title ] ``` -- Container: `inline-flex items-center gap-2 rounded-md border border-border bg-card px-3 py-1.5 text-[13px]` +- Container: `inline-flex items-center gap-2 rounded-md border border-border bg-card px-3 py-1 text-[13px]` - Icon: `CheckCircle2` (lucide), 14×14px, `text-green-500 dark:text-green-400` — indicates completion - Text: `text-[13px] text-foreground` — agent name + action + task reference - Task reference: `text-primary underline-offset-2 hover:underline` — link to issue detail @@ -149,9 +149,9 @@ Inherited from Phase 21 and Phase 22. No new tokens for Phase 23. | xl | 32px | (no new usage) | **New spacing values (Phase 23 only):** -- Spec card section vertical rhythm: `space-y-3` (12px) — between What/Why/Constraints/Success blocks -- Spec card action row top: `pt-3` (12px) — from content to action row border -- Task badge height: `py-1.5` (6px top/bottom) — compact inline badge +- Spec card section vertical rhythm: `space-y-4` (16px) — between What/Why/Constraints/Success blocks +- Spec card action row top: `pt-4` (16px) — from content to action row border +- Task badge height: `py-1` (6px top/bottom) — compact inline badge - Handoff indicator vertical: `py-2` (8px) — matches section separator rhythm ---