1 files changed, 10 insertions, 4 deletions
diff --git a/src/app.js b/src/app.js
index cead211..f3c2dcb 100644
--- a/src/app.js
+++ b/src/app.js
@@ -3247,7 +3247,10 @@ function settingsTab() {
     // matters if the phone is lost tonight
     case 'wallet':
       if (ui.delAcct && a) return deleteAccountView(a);
-      return page(a ? [featureHook('waysBackCard'), recoveryCard(a), balanceSettingsCard(a), walletNameCard(a), pubkeyCard(a), historyExportCard(), deleteAccountCard(a)] : []);
+      // the phrase is one of the ways back in: its card shows only once
+      // Pen and paper asks for it (accounts without the card keep it always)
+      { const ways = a ? featureHook('waysBackCard') : null;
+        return page(a ? [ways, ways && !ui.revealShown ? null : recoveryCard(a), balanceSettingsCard(a), walletNameCard(a), pubkeyCard(a), historyExportCard(), deleteAccountCard(a)] : []); }
     case 'payments': return page(featureAll('settingsCards').reverse());
     case 'pos': return page(featureAll('posSettingsCards').reverse()); // the till's own card first, then the terminal's
     case 'network': return page([networkCard(), explorerCard()]); // an old bookmark of the tile; the cards live under Advanced now
@@ -3907,12 +3910,12 @@ function recoveryCard(a) {
   // a warning) before anything readable is over your shoulder. The second
   // actually shows them.
   if (!shown)
-    return h('div', { class: 'card col' },
+    return h('div', { class: 'card col recovery-card' },
       h('h3', {}, t('recoveryPhrase')),
       h('p', { class: 'small muted', style: 'margin:0' }, t('recoveryDesc')),
       h('button', { class: 'btn-block', onClick: () => { ui.revealShown = 'masked'; render(); } }, t('revealRecovery')));
   const unmasked = shown === 'words';
-  return h('div', { class: 'card col' },
+  return h('div', { class: 'card col recovery-card' },
     h('h3', {}, t('recoveryPhrase')),
     h('div', { class: 'warn-box' }, t('recoveryWarn')),
     h('div', { class: 'words', style: '--rows-3:' + Math.ceil(words.length / 3) + ';--rows-2:' + Math.ceil(words.length / 2) }, words.map((w, i) =>
@@ -7021,7 +7024,10 @@ const ctx = {
   recoveryMethods: () => recoveryMethods(), addRecoveryMethod,
   spendingOnlyAccount: () => { const a = activeAccount(); return !!(a && a.kind === 'spending' && a.savingsLater); },
   seedSeen: () => !!(activeAccount() || {}).seedSeen,
-  showRecoveryPhrase: () => { ui.tab = 'settings'; ui.settingsPage = 'wallet'; ui.revealShown = 'masked'; render(); },
+  showRecoveryPhrase: () => {
+    ui.tab = 'settings'; ui.settingsPage = 'wallet'; ui.revealShown = ui.revealShown || 'masked'; render();
+    requestAnimationFrame(() => { try { document.querySelector('.recovery-card')?.scrollIntoView({ behavior: 'smooth', block: 'start' }); } catch {} });
+  },
   // Open (or create) a wallet from a mnemonic — used by nostr login.
   openMnemonic: async (mnemonic, passphrase, opts) => enterWallet(mnemonic, passphrase, opts),
   // Profile pictures retain the metadata-scrubbing image uploader. Public