Tidy tx details layout on mobile

Fix the key/value rows wrapping awkwardly on narrow screens (right-align +
wrap-safe values, fixed-width key). Drop the redundant "When: Unconfirmed…"
line; pending now shows a single "Status: Pending (in mempool)". Confirmed txs
show Status / Block / Date.

Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>

1 files changed, 4 insertions, 5 deletions

diff --git a/src/app.js b/src/app.js
index c5a9836..9afaf27 100644
--- a/src/app.js
+++ b/src/app.js
@@ -1048,9 +1048,6 @@ function historyTab() {
 
 function txDetailView(t) {
   const incoming = t.net >= 0;
-  const when = t.confirmed && t.blockTime
-    ? new Date(t.blockTime * 1000).toLocaleString() + ' · ' + timeAgo(t.blockTime)
-    : 'Unconfirmed — waiting to be mined';
   const line = (k, v) => h('div', { class: 'line' }, h('span', { class: 'k' }, k), h('span', { class: 'v' }, v));
   return h(
     'div',
@@ -1064,8 +1061,9 @@ function txDetailView(t) {
       ' ', unitTag('unit')
     ),
     h('div', { class: 'summary col', style: 'gap:0' },
-      line('Status', t.confirmed ? `Confirmed (block ${t.blockHeight || '—'})` : 'In mempool'),
-      line('When', when),
+      line('Status', t.confirmed ? 'Confirmed' : 'Pending (in mempool)'),
+      t.confirmed ? line('Block', String(t.blockHeight || '—')) : null,
+      t.confirmed && t.blockTime ? line('Date', new Date(t.blockTime * 1000).toLocaleString()) : null,
       !incoming && t.fee ? line('Network fee', fmtAmount(t.fee) + ' ' + unitLabel()) : null
     ),
     h('div', { class: 'col gap6' },
@@ -1128,3 +1126,4 @@ if (!restoreSession()) render();
 
 
 
+