Gift claim: make the wallet chooser read as a choice

The existing-wallet buttons looked like inert inputs. Now: a "Receive
into one of your wallets:" label, a chevron on each wallet row so it
reads as tappable, and an "or" divider before the new-wallet button.

(tools/ark/gift-shot.js: screenshot harness that mints a real regtest
gift and opens its link.)

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

1 files changed, 7 insertions, 3 deletions

diff --git a/src/app.js b/src/app.js
index e024e06..53cb35b 100644
--- a/src/app.js
+++ b/src/app.js
@@ -2302,11 +2302,15 @@ function claimChooseView() {
       h('p', { class: 'muted', style: 'margin:0' }, t('claimIntoPrompt'))
     ),
     h('div', { class: 'card col gap6' },
+      h('div', { class: 'small muted' }, t('claimIntoExisting')),
       ...accounts.map((a) =>
-        h('button', { class: 'btn-block', style: 'text-align:left', onClick: () => claimIntoAccount(a, code) },
-          a.label,
-          a.type === 'watch' ? h('span', { class: 'small faint', style: 'margin-left:6px' }, '(' + t('watchOnly') + ')') : null)
+        h('button', { class: 'btn-block', style: 'display:flex;justify-content:space-between;align-items:center;text-align:left', onClick: () => claimIntoAccount(a, code) },
+          h('span', {},
+            a.label,
+            a.type === 'watch' ? h('span', { class: 'small faint', style: 'margin-left:6px' }, '(' + t('watchOnly') + ')') : null),
+          h('span', { class: 'muted', style: 'font-size:18px;line-height:1' }, '\u203a'))
       ),
+      h('div', { class: 'small faint', style: 'text-align:center' }, t('claimOr')),
       h('button', { class: 'btn-primary btn-block', onClick: () => { ui.claimChoose = null; enterWallet(newMnemonic(), '', { gift: code }); } }, t('claimNewWallet'))
     )
   );