From dd395c511973fc240a00a4e9295f4255da9b4935 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sat, 26 Sep 2026 21:06:01 -0700 Subject: Profile: the action row's labels never break inside a button; a button wraps whole. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The list button made four across, and ⚡ Pay folded onto two lines. Co-Authored-By: Claude Fable 5.1 Claude-Session: https://claude.ai/code/session_01VhUKyXKtsJ67QAFfb7QR9D --- src/features/messages.js | 2 +- src/style.css | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) (limited to 'src') 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; } -- cgit v1.2.3