From bf7808ef34715d9874ffbd344fd3d46dd72df405 Mon Sep 17 00:00:00 2001
From: Sawyer Cutler <sawyer@dirtroad.dev>
Date: Wed, 4 Nov 2026 14:38:11 -0800
Subject: [PATCH 1/2] fix(web): wrap the design card's action labels instead of
 clipping

---
 apps/web/src/pages/workspace-layout.css | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/pages/workspace-layout.css b/apps/web/src/pages/workspace-layout.css
index d3a589ae..38bc83b2 100644
--- a/apps/web/src/pages/workspace-layout.css
+++ b/apps/web/src/pages/workspace-layout.css
@@ -218,10 +218,12 @@
   margin-inline-start: 0;
 }
 
-/* Design approval: the two actions share one line, one width and one
-   height. Not yet is not pinned to the right edge, and the labels do not wrap. */
+/* Design approval: the two actions share one width and one height, and
+   Not yet is not pinned to the right edge. A long label wraps between words;
+   the button centres its text, so clipping it would cut both ends. Each
+   button is at least as wide as its longest word, so the pair stacks once
+   even that does not fit. */
 .document-decision-design [data-slot="tool-approval-card"] > div:last-child {
-  flex-wrap: nowrap;
   align-items: stretch;
 }
 
@@ -230,11 +232,13 @@
   > div:last-child
   > button {
   flex: 1 1 0;
-  min-width: 0;
   margin-inline-start: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  height: auto;
+  min-height: 2rem;
+  white-space: normal;
+  overflow-wrap: normal;
+  word-break: normal;
+  text-align: center;
 }
 
 /* The library keeps a settled line's words from shrinking, so a long document title ran past the

From 8995b6e31c27487cf608cac5552ffa15ca09a50e Mon Sep 17 00:00:00 2001
From: Sawyer Cutler <sawyer@dirtroad.dev>
Date: Wed, 4 Nov 2026 14:46:46 -0800
Subject: [PATCH 2/2] fix(web): wrap a design card's action label only when the
 line is full

---
 apps/web/src/pages/workspace-layout.css | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/pages/workspace-layout.css b/apps/web/src/pages/workspace-layout.css
index 38bc83b2..7b5278f6 100644
--- a/apps/web/src/pages/workspace-layout.css
+++ b/apps/web/src/pages/workspace-layout.css
@@ -218,12 +218,13 @@
   margin-inline-start: 0;
 }
 
-/* Design approval: the two actions share one width and one height, and
-   Not yet is not pinned to the right edge. A long label wraps between words;
-   the button centres its text, so clipping it would cut both ends. Each
-   button is at least as wide as its longest word, so the pair stacks once
-   even that does not fit. */
+/* Design approval: the two actions share one line and one height, and Not
+   yet is not pinned to the right edge. Each starts at its label's width and
+   shares the spare room, so a label wraps between words only once the line
+   is too narrow for it; the button centres its text, so clipping it would
+   cut both ends. */
 .document-decision-design [data-slot="tool-approval-card"] > div:last-child {
+  flex-wrap: nowrap;
   align-items: stretch;
 }
 
@@ -231,7 +232,7 @@
   [data-slot="tool-approval-card"]
   > div:last-child
   > button {
-  flex: 1 1 0;
+  flex: 1 1 auto;
   margin-inline-start: 0;
   height: auto;
   min-height: 2rem;