From 86426a0253a9371abf13cb09e650716784d69c11 Mon Sep 17 00:00:00 2001 From: archipelago Date: Sat, 12 Sep 2026 15:32:07 -0400 Subject: [PATCH] style(cuprate-ui): right-align desktop header cards --- docker/cuprate-ui/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docker/cuprate-ui/index.html b/docker/cuprate-ui/index.html index 4bdf3c65..3a641978 100644 --- a/docker/cuprate-ui/index.html +++ b/docker/cuprate-ui/index.html @@ -60,7 +60,7 @@ 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; gap:.75rem; flex-wrap:wrap; } + .app-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:.75rem; flex-wrap:wrap; 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; } @@ -77,7 +77,7 @@ .app-header { flex-direction:column; align-items:stretch; gap:1rem; } .app-header-id { flex-direction:column; justify-content:center; text-align:center; } .app-header-text { text-align:center; } - .app-header-actions { flex-direction:column; align-items:stretch; gap:.6rem; } + .app-header-actions { flex-direction:column; align-items:stretch; justify-content:center; gap:.6rem; margin-left:0; } .app-header-actions > .info-card { width:100%; } .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; }