From f469f3f40dddce9397c07be3d7951d2716464861 Mon Sep 17 00:00:00 2001 From: Jeff Emmett Date: Fri, 3 Apr 2026 02:56:53 +0000 Subject: [PATCH] fix(rcart): ensure Generate QR button is reachable on mobile The payment request form button was cut off on mobile because the shell uses height:100vh with overflow:hidden on #app. Add padding-bottom to the .page container so the button scrolls into view within the flex overflow:auto content area. Co-Authored-By: Claude Opus 4.6 (1M context) --- modules/rcart/components/folk-payment-request.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/modules/rcart/components/folk-payment-request.ts b/modules/rcart/components/folk-payment-request.ts index 4b35a75..d519209 100644 --- a/modules/rcart/components/folk-payment-request.ts +++ b/modules/rcart/components/folk-payment-request.ts @@ -792,8 +792,11 @@ class FolkPaymentRequest extends HTMLElement { .share-success { color: #4ade80; font-size: 0.8125rem; margin-top: 0.5rem; } .share-error { color: #f87171; font-size: 0.8125rem; margin-top: 0.5rem; } + .page { padding-bottom: 2rem; } + @media (max-width: 600px) { :host { padding: 1rem 0.75rem; max-width: 100%; } + .page { padding-bottom: 6rem; } .page-title { font-size: 1.25rem; } .page-subtitle { font-size: 0.8125rem; margin-bottom: 1.25rem; }