From adcd4cde94d7e1d86c2ab16e8a61236a606a687a Mon Sep 17 00:00:00 2001
From: svatantrya <svatantrya@bitcoin-after.life>
Date: Fri, 10 Jul 2026 10:34:55 -0400
Subject: [PATCH] fix qr code overflow: remove fixed height on container, pass
 size to QRCode lib, add max-width to canvas

---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index e19ef99..2617433 100644
--- a/index.html
+++ b/index.html
@@ -151,8 +151,8 @@ tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 50%,transparent)}
 .invoice .row:last-child{border-bottom:0}
 .invoice .row span:first-child{color:var(--muted)}
 .invoice .row span:last-child{font-family:var(--mono);text-align:right;word-break:break-all}
-#qrcode{margin:18px auto 4px;width:160px;height:160px}
-#qrcode img{width:160px;height:160px}
+#qrcode{margin:18px auto 4px;width:160px}
+#qrcode canvas,#qrcode img{width:160px!important;height:160px!important;max-width:100%}
 .ok-line{color:var(--ok);font-weight:600;font-size:14px;margin-bottom:14px}
 .err-line{color:#d32f2f;font-weight:600;font-size:14px;margin-bottom:14px}
 .terms-box{display:none;margin:16px 0;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
@@ -525,7 +525,7 @@ document.getElementById('submit').addEventListener('click', async () => {
     const invoiceuri = `bitcoin:${result.address}?label=BAL&message=Order+For+url+%26+${encodeURIComponent(url)}`;
     const qrEl = document.getElementById('qrcode');
     qrEl.innerHTML = '';
-    new QRCode(qrEl, invoiceuri);
+    new QRCode(qrEl, { text: invoiceuri, width: 160, height: 160 });
     const shareBtn = document.getElementById('share-btn');
     shareBtn.textContent = 'Share invoice';
     shareBtn.onclick = function () {