From 08b6850ff6c163a56454f33776fc4a9a9dbec2b4 Mon Sep 17 00:00:00 2001 From: s-alves10 Date: Mon, 23 Oct 2023 12:59:26 -0500 Subject: [PATCH 1/2] fix: vertical centering button text without padding --- src/styles/styles.ts | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/src/styles/styles.ts b/src/styles/styles.ts index 86810a337334..172bf36cc440 100644 --- a/src/styles/styles.ts +++ b/src/styles/styles.ts @@ -480,7 +480,9 @@ const styles = (theme: ThemeDefault) => borderRadius: variables.buttonBorderRadius, minHeight: variables.componentSizeLarge, justifyContent: 'center', + alignItems: 'center', ...spacing.ph3, + ...spacing.pv0, }, buttonContainer: { @@ -507,18 +509,14 @@ const styles = (theme: ThemeDefault) => buttonSmall: { borderRadius: variables.buttonBorderRadius, minHeight: variables.componentSizeSmall, - paddingTop: 4, paddingHorizontal: 14, - paddingBottom: 4, backgroundColor: theme.buttonDefaultBG, }, buttonMedium: { borderRadius: variables.buttonBorderRadius, minHeight: variables.componentSizeNormal, - paddingTop: 12, paddingRight: 16, - paddingBottom: 12, paddingLeft: 16, backgroundColor: theme.buttonDefaultBG, }, @@ -526,9 +524,7 @@ const styles = (theme: ThemeDefault) => buttonLarge: { borderRadius: variables.buttonBorderRadius, minHeight: variables.componentSizeLarge, - paddingTop: 8, paddingRight: 10, - paddingBottom: 8, paddingLeft: 10, backgroundColor: theme.buttonDefaultBG, }, From 3271eb031b6f6d45483a537ef8c3ed33ff8126e8 Mon Sep 17 00:00:00 2001 From: s-alves10 Date: Wed, 25 Oct 2023 03:08:52 -0500 Subject: [PATCH 2/2] fix: remove vertical padding from buttonCTA --- src/styles/styles.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/src/styles/styles.ts b/src/styles/styles.ts index 92c0a15bfb87..7dc96a16b022 100644 --- a/src/styles/styles.ts +++ b/src/styles/styles.ts @@ -605,7 +605,6 @@ const styles = (theme: ThemeDefault) => }, buttonCTA: { - paddingVertical: 6, ...spacing.mh4, },