From aba1c6bf50dc750f95c103d47146a5dbea9a988a Mon Sep 17 00:00:00 2001
From: JosiahFu <josiahfu@gmail.com>
Date: Wed, 29 May 2024 10:11:38 -0700
Subject: [PATCH] Fix qr code size

---
 src/ConnectionButton.svelte | 8 +++++++-
 src/app.css                 | 6 ++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/ConnectionButton.svelte b/src/ConnectionButton.svelte
index 0be09ec..8377a68 100644
--- a/src/ConnectionButton.svelte
+++ b/src/ConnectionButton.svelte
@@ -76,7 +76,9 @@
         </button>
     </div>
     
-    <QRCode data={link} isResponsive />
+    <div class="qr-container">
+        <QRCode data={link} isResponsive />
+    </div>
 </DialogButton>
 
 <style>
@@ -107,6 +109,10 @@
         margin-bottom: 1em;
     }
     
+    .qr-container {
+        display: contents;
+    }
+    
     button {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
diff --git a/src/app.css b/src/app.css
index 02dd4e9..2d459fd 100644
--- a/src/app.css
+++ b/src/app.css
@@ -106,3 +106,9 @@ svg {
   height: 1.5em;
   width: 1.5em;
 }
+
+.qr-container svg {
+  display: initial;
+  height: auto;
+  width: auto;
+}