From b3f16d07a67d39985abbef90d35b45cbecd89651 Mon Sep 17 00:00:00 2001
From: archipelago <archipelago@localhost>
Date: Sat, 12 Sep 2026 15:37:38 -0400
Subject: [PATCH] style(cuprate-ui): anchor desktop details to right edge

---
 docker/cuprate-ui/index.html | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/docker/cuprate-ui/index.html b/docker/cuprate-ui/index.html
index 3a641978..5ff98f80 100644
--- a/docker/cuprate-ui/index.html
+++ b/docker/cuprate-ui/index.html
@@ -59,8 +59,8 @@
         /* Match the Bitcoin dashboard's app-header rhythm: identity on the
            left, compact live status cards on the right. */
         .app-header { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; }
-        .app-header-id { display:flex; align-items:center; gap:1rem; min-width:0; }
-        .app-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:.75rem; flex-wrap:wrap; margin-left:auto; }
+        .app-header-id { display:flex; align-items:center; gap:1rem; min-width:0; flex:1 1 auto; }
+        .app-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:.75rem; flex:0 0 auto; flex-wrap:nowrap; margin-left:auto; }
         .info-card { display:flex; align-items:center; gap:.75rem; background:rgba(0,0,0,.6); backdrop-filter:blur(24px); border-radius:.75rem; padding:.65rem .85rem; box-shadow:inset 0 1px 0 rgba(255,255,255,.16); min-height:3.25rem; }
         .info-card .card-icon { width:1.25rem; height:1.25rem; color:rgba(255,255,255,.6); flex:0 0 auto; }
         .info-card-copy { display:flex; flex-direction:column; gap:.15rem; }
@@ -82,10 +82,14 @@
             .tabbar { position:fixed; left:.75rem; right:.75rem; bottom:calc(.5rem + env(safe-area-inset-bottom, 0px)); z-index:40; margin:0; padding:.35rem; border-radius:1rem; box-shadow:0 10px 30px rgba(0,0,0,.65); }
             .tab-btn { min-width:4.5rem; padding:.7rem .5rem; font-size:.7rem; }
         }
+        @media (min-width:701px) {
+            .app-header { flex-wrap:nowrap; }
+            .app-header-text { min-width:0; }
+        }
 
         header { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
         header h1 { font-size: 1.6rem; font-weight: 700; letter-spacing: -0.02em; }
-        header h1 .accent { color: #f7931a; }
+        header h1 .accent { color: inherit; }
         .sub { color: rgba(255, 255, 255, 0.55); font-size: 0.85rem; margin-top: 0.2rem; }
 
         .pill {