From c8778aa3c9f003484c2d68688909f553f564c7c3 Mon Sep 17 00:00:00 2001
From: SkateSpots <skatespots>
Date: Sun, 4 Oct 2026 17:36:41 +0700
Subject: [PATCH] Wallet: fix Manage chip overflow + plainer escrow copy
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- The wallet status bar (Cashu/WebLN/NWC pills + Manage) was a rigid
  justify-between row that pushed the Manage chip off the right edge on phones.
  It now wraps, with Manage right-aligned (ml-auto), so it stays on screen.
- The escrow card copy was jargon ("advertise a public key ... if the deal falls
  through"). Reworded seller-facing: "turn on escrow ... a buyer can lock their
  sats to you ... you release them when you deliver — if you don't, the buyer can
  reclaim them after the agreed time." EN/ES.
---
 src/i18n/en.ts           | 12 ++++++------
 src/i18n/es.ts           | 14 +++++++-------
 src/pages/WalletPage.tsx |  6 +++---
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index fd94398..0866953 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -5743,12 +5743,12 @@ walletUi: {
     },
     escrow: {
       title: 'Escrow',
-      desc: 'Advertise a public key so buyers can lock funds to you for a trade. Funds are refundable to the buyer if the deal falls through.',
-      active: 'Escrow key active',
-      publish: 'Publish escrow key',
-      published: 'Escrow key published',
-      publishedDesc: 'Buyers can now lock escrow funds to you.',
-      failed: 'Could not publish key',
+      desc: "Sell safely: turn on escrow and a buyer can lock their sats to you for a trade. You release them when you deliver — if you don't, the buyer can reclaim them after the agreed time.",
+      active: 'Escrow is on',
+      publish: 'Turn on escrow',
+      published: 'Escrow is on',
+      publishedDesc: 'Buyers can now lock funds to you for a trade.',
+      failed: 'Could not turn on escrow',
     },
     privacy: {
       title: 'Privacy Tips',
diff --git a/src/i18n/es.ts b/src/i18n/es.ts
index 669a2bc..980af66 100644
--- a/src/i18n/es.ts
+++ b/src/i18n/es.ts
@@ -5742,13 +5742,13 @@ walletUi: {
       },
     },
     escrow: {
-      title: 'Escrow',
-      desc: 'Anuncia una clave pública para que los compradores puedan bloquearte fondos en un intercambio. Los fondos son reembolsables al comprador si el trato no sale.',
-      active: 'Clave de escrow activa',
-      publish: 'Publicar clave de escrow',
-      published: 'Clave de escrow publicada',
-      publishedDesc: 'Los compradores ya pueden bloquearte fondos en escrow.',
-      failed: 'No se pudo publicar la clave',
+      title: 'Depósito en garantía',
+      desc: 'Vende con seguridad: activa el depósito y el comprador podrá bloquear sus sats para ti en un trato. Los liberas al entregar — si no lo haces, el comprador puede recuperarlos pasado el tiempo acordado.',
+      active: 'Depósito activo',
+      publish: 'Activar depósito',
+      published: 'Depósito activo',
+      publishedDesc: 'Los compradores ya pueden bloquear fondos para ti en un trato.',
+      failed: 'No se pudo activar el depósito',
     },
     privacy: {
       title: 'Consejos de privacidad',
diff --git a/src/pages/WalletPage.tsx b/src/pages/WalletPage.tsx
index 1893168..8d67218 100644
--- a/src/pages/WalletPage.tsx
+++ b/src/pages/WalletPage.tsx
@@ -41,9 +41,9 @@ function WalletStatusBar() {
   const isReady = webln || hasNWC || hasCashu;
 
   return (
-    <div className="flex items-center justify-between gap-3">
+    <div className="flex flex-wrap items-center gap-2">
       {/* Status pills */}
-      <div className="flex items-center gap-1.5">
+      <div className="flex min-w-0 flex-wrap items-center gap-1.5">
         <StatusPill icon={Nut} label="Cashu" active={hasCashu} color="text-orange-400" activeBg="bg-orange-500/20 border-orange-500/30" />
         <StatusPill icon={Globe} label="WebLN" active={!!webln} color="text-blue-400" activeBg="bg-blue-500/20 border-blue-500/30" />
         <StatusPill icon={WalletMinimal} label="NWC" active={hasNWC} color="text-purple-400" activeBg="bg-purple-500/20 border-purple-500/30" />
@@ -51,7 +51,7 @@ function WalletStatusBar() {
 
       {/* Manage wallets */}
       <WalletModal>
-        <button className="flex items-center gap-1.5 px-3 py-1.5 rounded-xl bg-white/5 hover:bg-white/10 border border-white/8 active:scale-95 transition-all flex-shrink-0">
+        <button className="ml-auto flex items-center gap-1.5 px-3 py-1.5 rounded-xl bg-white/5 hover:bg-white/10 border border-white/8 active:scale-95 transition-all flex-shrink-0">
           <Settings className="h-3.5 w-3.5 text-orange-400" />
           <span className="text-xs font-bold text-white">{t('walletUi.page.manage')}</span>
           {isReady