From af18e4a43aa9f0ce8cd1a13fc29bebb2da2b9070 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Mon, 14 Sep 2026 14:26:23 -0700
Subject: The recovery phrase comes first, and Hide matches Reveal.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

On the wallet settings page the phrase sat under the name and the key;
it is the one thing there that matters if the phone is lost tonight, so
it leads now — on the Settings tab and the per-account screen alike.
Beside "Reveal the words", Hide was a small button tucked next to a big
one; the two are now equal halves of the row.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01QYJfZ4A1TDCEY4Foq3CApR
---
 src/app.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'src/app.js')

diff --git a/src/app.js b/src/app.js
index 4bf0e95..d258352 100644
--- a/src/app.js
+++ b/src/app.js
@@ -2404,7 +2404,9 @@ function settingsTab() {
   const page = (kids) => h('div', { class: 'col', style: 'gap:16px' }, ...kids,
     h('button', { class: 'btn-ghost btn-block', onClick: () => { ui.settingsPage = null; render(); } }, t('back')));
   switch (ui.settingsPage) {
-    case 'wallet': return page(a ? [walletNameCard(a), pubkeyCard(a), recoveryCard(a)] : []);
+    // the recovery phrase first: it is the one thing on this page that
+    // matters if the phone is lost tonight
+    case 'wallet': return page(a ? [recoveryCard(a), walletNameCard(a), pubkeyCard(a)] : []);
     case 'payments': return page(featureAll('settingsCards').reverse());
     case 'network': return page([networkCard(), explorerCard()]);
     case 'nostr': return nostrSettingsView();
@@ -2937,7 +2939,9 @@ function recoveryCard(a) {
             if (!a.seedSeen) { a.seedSeen = true; persistAccounts(); if (a.persisted) writeVault(); }
             render();
           } }, t('revealWords')),
-          h('button', { class: 'btn-sm', onClick: () => { ui.revealShown = false; render(); } }, t('hide')))
+          // the same size as its neighbour: two halves of one row, not a
+          // big button with a small one tucked beside it
+          h('button', { class: 'btn-ghost grow', onClick: () => { ui.revealShown = false; render(); } }, t('hide')))
   );
 }
 
@@ -2993,9 +2997,9 @@ function accountSettingsScreen() {
     'div',
     { class: 'col', style: 'gap:16px' },
     brandHeader(false),
+    recoveryCard(a),
     walletNameCard(a),
     pubkeyCard(a),
-    recoveryCard(a),
     autolockCard(a),
     h('button', { class: 'btn-ghost btn-block', onClick: () => { ui.editLabel = null; ui.revealShown = false; ui.pubkeyShown = false; ui.loadSeed = null; goBack(() => { ui.screen = 'accounts'; }); } }, t('back'))
   );
-- 
cgit v1.2.3