From ecc0d134ac732d29240e6d5ba84e9798be222f17 Mon Sep 17 00:00:00 2001
From: Cordero Core <127983572+cdcore09@users.noreply.github.com>
Date: Mon, 10 Aug 2026 04:39:15 -0700
Subject: [PATCH] fix(devices): wrap authorized-device action buttons instead
 of clipping (#347)

.authorized-devices-actions forced its four buttons (Untrust, Trust
permanently, Device note, Delete) onto one non-wrapping, non-shrinking
line inside the fixed 26% actions column. At common desktop widths the
row overflows the column and table-layout: fixed clips it at the panel
edge, cutting off Device note and hiding Delete entirely. Let the
buttons wrap to a second line instead.
---
 webapp/src/styles/management.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/webapp/src/styles/management.css b/webapp/src/styles/management.css
index b869f45..7869f8e 100644
--- a/webapp/src/styles/management.css
+++ b/webapp/src/styles/management.css
@@ -1879,7 +1879,9 @@
 }
 
 .authorized-devices-actions {
-  flex-wrap: nowrap;
+  /* Wrap instead of clipping: four non-shrinking buttons overflow the
+     fixed 26% actions column at common widths, hiding Delete entirely. */
+  flex-wrap: wrap;
   gap: 6px;
 }