Profile: the action row's labels never break inside a button; a button wraps whole.

The list button made four across, and ⚡ Pay folded onto two lines.

Co-Authored-By: Claude Fable 5.1 <[email protected]>
Claude-Session: https://claude.ai/code/session_01VhUKyXKtsJ67QAFfb7QR9D

2 files changed, 4 insertions, 1 deletions

diff --git a/src/features/messages.js b/src/features/messages.js
index 1de3a3c..a7d22c0 100644
--- a/src/features/messages.js
+++ b/src/features/messages.js
@@ -6658,7 +6658,7 @@ export function messagesFeature(ctx) {
                 logoutBtn())
             : ui.pubProf
               ? null // no wallet open: messaging and paying both need one
-              : h('div', { class: 'row gap6 wrap' },
+              : h('div', { class: 'row gap6 wrap prof-actions' },
                 h('button', { class: 'btn-primary grow', onClick: () => {
                   const peer = pk;
                   // leave the thread this profile may sit over too: the
diff --git a/src/style.css b/src/style.css
index b1d67b4..31c0587 100644
--- a/src/style.css
+++ b/src/style.css
@@ -685,6 +685,9 @@ html:has(#app .chat-card), body:has(#app .chat-card) { overflow: hidden; }
 }
 /* beside a growing reply box the icons keep their size, sat on the baseline */
 .thread-reply .reply-tools .attach-btn { height: 40px; }
+/* the profile's action row: a label never breaks inside its button — when
+   four don't fit across, the row wraps a whole button to the next line */
+.prof-actions > button { white-space: nowrap; }
 /* the field inside the panel: a quiet hairline, the panel is the frame */
 .thread-reply .thread-reply-input { border: 1px solid var(--line); background: var(--surface, #fff); border-radius: 10px; }
 .thread-reply .thread-reply-input:focus { border-color: var(--ink); outline: none; }