diff options
| author | Adam Soltys <[email protected]> | 2026-06-16 01:41:50 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-06-16 01:41:50 -0700 |
| commit | 833cfd2459aa8d668b787a421414dd5376bb7882 (patch) | |
| tree | 32af3ff1ee23ffe7482112084a8bd04ab8cc3c8a /src/style.css | |
| parent | 1cb481d2c906b983b325c97cd2629b253ebe7db4 (diff) | |
| download | coinosv3-833cfd2459aa8d668b787a421414dd5376bb7882.tar.gz coinosv3-833cfd2459aa8d668b787a421414dd5376bb7882.zip | |
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]>
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/style.css b/src/style.css index ed1d542..dce2d88 100644 --- a/src/style.css +++ b/src/style.css @@ -185,9 +185,9 @@ textarea { resize: vertical; min-height: 84px; font-family: var(--mono); font-si /* ---- review / summary ---- */ .summary { background: #f7f8fa; border: 1px solid var(--line); border-radius: 12px; padding: 14px; } -.summary .line { display: flex; justify-content: space-between; padding: 4px 0; font-size: 14px; } -.summary .line .k { color: var(--muted); } -.summary .line .v { font-family: var(--mono); } +.summary .line { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; font-size: 14px; align-items: baseline; } +.summary .line .k { color: var(--muted); flex: none; } +.summary .line .v { font-family: var(--mono); text-align: right; min-width: 0; word-break: break-word; } /* ---- misc ---- */ .notice { border-radius: 11px; padding: 11px 13px; font-size: 14px; } |