From 222875a57de3c465b06a9ec6539f154ffa0a5160 Mon Sep 17 00:00:00 2001 From: Wendy Liu Date: Wed, 24 Jul 2024 14:24:26 -0400 Subject: [PATCH] Increase minimum label height to 20px --- src/ui/buttons/styles/responsive.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/ui/buttons/styles/responsive.js b/src/ui/buttons/styles/responsive.js index 2f63de301d..f21a067c58 100644 --- a/src/ui/buttons/styles/responsive.js +++ b/src/ui/buttons/styles/responsive.js @@ -60,7 +60,9 @@ export function buttonResponsiveStyle({ 12 ); - const labelHeight = max(roundUp(perc(buttonHeight, 35) + 5, 2), 12); + // A PayPal logo with min height 20px is what we need to achieve the desired look when the button is small + // A small button rendered by us is approximately 100px width by 42px height + const labelHeight = max(roundUp(perc(buttonHeight, 35) + 5, 2), 20); const pillBorderRadius = Math.ceil(buttonHeight / 2);