From c934f8d360b634a1342d5398284fe1a957b1896d Mon Sep 17 00:00:00 2001
From: BW <webstas@protonmail.com>
Date: Mon, 28 Sep 2026 16:48:45 -0600
Subject: [PATCH] fix(remote): stop Connect Phone QR code from being cropped

The dialog panel is a height-capped (80vh) flex column. The QR box kept
the default flex-shrink, so on short windows it shrank below 200px and
its overflow:hidden cropped the top and bottom of the code. Pin it to
its size so the panel scrolls instead.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/ConnectPhoneModal.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ConnectPhoneModal.tsx b/src/components/ConnectPhoneModal.tsx
index 3e0f0bdb8..cd2e12a97 100644
--- a/src/components/ConnectPhoneModal.tsx
+++ b/src/components/ConnectPhoneModal.tsx
@@ -331,11 +331,13 @@ export function ConnectPhoneModal(props: ConnectPhoneModalProps) {
           </div>
         </div>
 
-        {/* QR Code */}
+        {/* QR Code — never shrink: the panel is a height-capped flex column,
+            and a squeezed box would crop the code instead of scrolling. */}
         <div
           style={{
             width: '200px',
             height: '200px',
+            'flex-shrink': '0',
             'border-radius': 'var(--radius-md)',
             background: '#ffffff',
             display: 'flex',