diff --git a/src/gui/src/UI/UIWindowCardVerificationRequired.js b/src/gui/src/UI/UIWindowCardVerificationRequired.js index d444925fa..534c2c9d9 100644 --- a/src/gui/src/UI/UIWindowCardVerificationRequired.js +++ b/src/gui/src/UI/UIWindowCardVerificationRequired.js @@ -79,9 +79,9 @@ function UIWindowCardVerificationRequired (options) { // -- Card entry: Stripe Payment Element (hidden until setup succeeds) -- h += '
'; @@ -128,8 +128,15 @@ function UIWindowCardVerificationRequired (options) { window_class: 'window-card-verification', window_css: { height: 'initial', + // Dominant windows pin to 15vh from the top; with a tall Stripe + // iframe that drops the log-out below the viewport. Sit higher so + // the dialog always ends above the browser's bottom edge. + top: '5vh', }, body_css: { + // border-box so max-height includes the padding — keeps the math + // exact: 5vh top + 85vh body = 90vh, always within the viewport. + 'box-sizing': 'border-box', padding: '30px', width: 'initial', height: 'initial', diff --git a/src/gui/src/UI/UIWindowPhoneVerificationRequired.js b/src/gui/src/UI/UIWindowPhoneVerificationRequired.js index e7d855660..e8cdf53a7 100644 --- a/src/gui/src/UI/UIWindowPhoneVerificationRequired.js +++ b/src/gui/src/UI/UIWindowPhoneVerificationRequired.js @@ -97,9 +97,9 @@ function UIWindowPhoneVerificationRequired (options) { // -- Step 1: phone number -- h += '