Skip to content

Commit

Permalink
Set 12px gap between express checkout buttons
Browse files Browse the repository at this point in the history
  • Loading branch information
asumaran committed Aug 14, 2024
1 parent 4d1e615 commit b699509
Show file tree
Hide file tree
Showing 5 changed files with 6 additions and 6 deletions.
2 changes: 1 addition & 1 deletion client/checkout/express-checkout-buttons.scss
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
}

> div {
margin-bottom: 11px;
margin-bottom: 12px;

&:last-of-type {
margin-bottom: 0;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ export const ExpressCheckoutPreviewComponent = ( {
appearance: {
variables: {
borderRadius: `${ radius ?? getDefaultBorderRadius() }px`,
spacingUnit: '5.5px',
spacingUnit: '6px',
},
},
};
Expand Down
4 changes: 2 additions & 2 deletions client/express-checkout/blocks/express-checkout-element.scss
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
// Cart Block
.wc-block-components-express-payment--cart {
.wc-block-components-express-payment__event-buttons > li {
padding-bottom: 11px !important;
padding-bottom: 12px !important;

&:last-child {
padding-bottom: 0 !important;
Expand All @@ -18,7 +18,7 @@
// Checkout Block
.wc-block-components-express-payment--checkout {
.wc-block-components-express-payment__event-buttons {
grid-gap: 11px !important;
grid-gap: 12px !important;
grid-template-columns: repeat(
auto-fit,
minmax( 232px, 1fr )
Expand Down
2 changes: 1 addition & 1 deletion client/express-checkout/utils/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -181,7 +181,7 @@ export const getExpressCheckoutButtonAppearance = () => {
borderRadius: `${
buttonSettings?.radius ?? getDefaultBorderRadius()
}px`,
spacingUnit: '5.5px',
spacingUnit: '6px',
},
};
};
Expand Down
2 changes: 1 addition & 1 deletion client/settings/express-checkout-settings/index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -308,7 +308,7 @@
display: flex;
justify-content: center;
flex-direction: column;
gap: 11px;
gap: 12px;

@media screen and ( max-width: 782px ) {
flex-wrap: wrap;
Expand Down

0 comments on commit b699509

Please sign in to comment.