From 033701dccaca49c1a3e476dffb9edcaf4f6ac873 Mon Sep 17 00:00:00 2001
From: Matt Jenkinson <75292329+mattdjenkinson@users.noreply.github.com>
Date: Tue, 6 Oct 2026 15:07:55 +0100
Subject: [PATCH] fix(ui): Stretch disabled rows in the delete dialog's related
 list

datum-ui's Tooltip wraps its trigger in an inline-flex span, so rows
disabled with a tooltip (shared ALB/network, no permission) shrank to
their content: the type label sat mid-row and the divider stopped short.
Stretch the span with a column flex wrapper and the row with flex-1.
---
 ui/consumer/src/components/delete-workload-dialog.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/ui/consumer/src/components/delete-workload-dialog.tsx b/ui/consumer/src/components/delete-workload-dialog.tsx
index d8c653f6..fc0f4b04 100644
--- a/ui/consumer/src/components/delete-workload-dialog.tsx
+++ b/ui/consumer/src/components/delete-workload-dialog.tsx
@@ -125,10 +125,14 @@ function RelatedRow({
     </label>
   );
   if (!disabled) return row;
+  // Tooltip wraps its trigger in an inline-flex span, which would shrink the
+  // row to its content; the column flex stretches the span and flex-1 the row.
   return (
-    <Tooltip message={disabledReason} side="top">
-      <div>{row}</div>
-    </Tooltip>
+    <div className="flex flex-col">
+      <Tooltip message={disabledReason} side="top">
+        <div className="min-w-0 flex-1">{row}</div>
+      </Tooltip>
+    </div>
   );
 }