From 53697fe876aeb3c8f87671b59a876eb890dbec97 Mon Sep 17 00:00:00 2001 From: you Date: Mon, 23 Mar 2026 16:41:59 +0000 Subject: [PATCH] =?UTF-8?q?fix:=20QR=20overlay=20sizing=20=E2=80=94=20over?= =?UTF-8?q?ride=20node-qr=20class=20margin/width,=2056px=20square?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit node-map-qr-overlay also has node-qr class which was adding margin-top and setting max-width to 100px. Override with !important and reset margins. --- public/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/public/style.css b/public/style.css index dfc4c053..3baf8188 100644 --- a/public/style.css +++ b/public/style.css @@ -1117,8 +1117,8 @@ button.ch-item.ch-item-encrypted .ch-badge { filter: grayscale(0.6); } [data-theme="dark"] .node-qr svg rect[fill="#ffffff"] { fill: var(--card-bg); } [data-theme="dark"] .node-qr svg rect[fill="#000000"] { fill: var(--text); } .node-map-qr-wrap { position: relative; } -.node-map-qr-overlay { position: absolute; bottom: 8px; right: 8px; z-index: 400; background: rgba(255,255,255,0.5); border-radius: 4px; padding: 4px; line-height: 0; } -.node-map-qr-overlay svg { max-width: 64px; display: block; } +.node-map-qr-overlay { position: absolute; bottom: 8px; right: 8px; z-index: 400; background: rgba(255,255,255,0.5); border-radius: 4px; padding: 4px; line-height: 0; margin: 0; text-align: center; } +.node-map-qr-overlay svg { max-width: 56px !important; display: block; margin: 0; } [data-theme="dark"] .node-map-qr-overlay { background: rgba(255,255,255,0.4); } /* Replay on Live Map button in packet detail */