From 94c4a7861525b49518cd545c1f3d5a70c129271d Mon Sep 17 00:00:00 2001 From: gsxdsm Date: Mon, 22 Jun 2026 11:38:21 -0700 Subject: [PATCH] fix(dashboard): lighter Planning footer (no border band); tighter List toolbar-to-quick-add gap - .planning-view-footer drops its border-top divider + trims padding so the Start-Planning action flows with the content instead of reading as a large bottom footer band. - List controls bottom padding + quick-add top padding reduced (space-md -> space-xs) so the toolbar sits close to the quick-add box. Co-Authored-By: Claude Opus 4.8 (1M context) --- packages/dashboard/app/components/ListView.css | 10 ++++++---- .../dashboard/app/components/PlanningModeModal.css | 7 +++++-- 2 files changed, 11 insertions(+), 6 deletions(-) diff --git a/packages/dashboard/app/components/ListView.css b/packages/dashboard/app/components/ListView.css index 34f1d85e7d..11382239b8 100644 --- a/packages/dashboard/app/components/ListView.css +++ b/packages/dashboard/app/components/ListView.css @@ -17,12 +17,13 @@ background: var(--surface); } -/* FNXC:ListView 2026-06-23-00:00: No border below the controls — the toolbar (Bulk Edit / View options / New Task) flows straight into the quick-add box with no divider between them. */ +/* FNXC:ListView 2026-06-23-00:00: No border below the controls — the toolbar (Bulk Edit / View / New Task) flows straight into the quick-add box with no divider between them. + FNXC:ListView 2026-06-23-04:00: Tight bottom padding so the toolbar sits close to the quick-add box below (paired with the quick-add's reduced top padding). */ .list-sidebar-controls { display: flex; flex-direction: column; gap: var(--space-sm); - padding: var(--space-md) var(--space-xl); + padding: var(--space-md) var(--space-xl) var(--space-xs); background: var(--surface); } @@ -268,10 +269,11 @@ Compact count for the single header row: smaller, dimmer, and non-dominant so th margin: 0 auto; } -/* New class for QuickEntryBox positioned above the table in list view */ +/* New class for QuickEntryBox positioned above the table in list view. + FNXC:ListView 2026-06-23-04:00: Reduced top padding so the quick-add box sits close to the toolbar above it. */ .list-quick-entry-above-table { width: 100%; - padding: var(--space-md) var(--space-xl); + padding: var(--space-xs) var(--space-xl) var(--space-md); background: var(--surface); border-bottom: 1px solid var(--border); } diff --git a/packages/dashboard/app/components/PlanningModeModal.css b/packages/dashboard/app/components/PlanningModeModal.css index 92623f083d..08bcaed517 100644 --- a/packages/dashboard/app/components/PlanningModeModal.css +++ b/packages/dashboard/app/components/PlanningModeModal.css @@ -516,11 +516,14 @@ The New session button must look EXACTLY like Missions' primary sidebar create b padding: var(--space-xl); } +/* +FNXC:Planning 2026-06-23-04:00: +The footer is a light action row, NOT a heavy bordered band. Drop the border-top divider and trim the padding so the Start-Planning button flows with the content above instead of reading as a large bottom footer. +*/ .planning-view-footer { display: flex; justify-content: center; - padding: 16px 24px 24px; - border-top: 1px solid var(--border); + padding: var(--space-sm) var(--space-xl) var(--space-md); flex-shrink: 0; }