From 558faef15f65e85c4ceb30328d08ba25fec0e703 Mon Sep 17 00:00:00 2001
From: John Corser <xss@amazon.com>
Date: Sun, 2 Aug 2026 18:06:27 -0400
Subject: [PATCH] design(board): extend the empty first-task CTA to empty list
 sections

---
 src/features/board/board.css | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/features/board/board.css b/src/features/board/board.css
index b36f0bf..4cd9403 100644
--- a/src/features/board/board.css
+++ b/src/features/board/board.css
@@ -108,11 +108,13 @@
   text-align: left;
 }
 
-/* When a column has no cards, the lone muted "Add task" link reads as a dead
-   end. Turn it into a full-width dashed drop-zone CTA that fills the empty
-   column and clearly invites the first task — the key first-run moment right
-   after creating a project. (`:empty` list = no task <li>s rendered.) */
-.board-col__list:empty + .add-card:not(.add-card--open) {
+/* When a column/section has no cards, the lone muted "Add task" link reads as a
+   dead end. Turn it into a full-width dashed drop-zone CTA that fills the empty
+   space and clearly invites the first task — the key first-run moment right
+   after creating a project. Covers both the board column (`.board-col__list`)
+   and the list-view section (`.list-section__rows`); `:empty` = no task <li>s. */
+.board-col__list:empty + .add-card:not(.add-card--open),
+.list-section__rows:empty + .add-card:not(.add-card--open) {
   display: flex;
   justify-content: center;
   width: 100%;
@@ -126,7 +128,8 @@
 }
 
 @media (hover: hover) and (pointer: fine) {
-  .board-col__list:empty + .add-card:not(.add-card--open):hover {
+  .board-col__list:empty + .add-card:not(.add-card--open):hover,
+  .list-section__rows:empty + .add-card:not(.add-card--open):hover {
     border-color: var(--tf-accent);
     background: var(--tf-accent-soft);
   }