diff --git a/changelog/update-bring-back-card-borders b/changelog/update-bring-back-card-borders new file mode 100644 index 00000000000..7dfa30b4c2a --- /dev/null +++ b/changelog/update-bring-back-card-borders @@ -0,0 +1,4 @@ +Significance: patch +Type: update + +update: bring back card borders on settings screens. diff --git a/client/settings/express-checkout/style.scss b/client/settings/express-checkout/style.scss index 71bacfad562..2b98e6c50c6 100644 --- a/client/settings/express-checkout/style.scss +++ b/client/settings/express-checkout/style.scss @@ -156,28 +156,6 @@ } } -body { - &.woocommerce-payments-checkout-section { - .express-checkouts { - .express-checkouts-list { - .express-checkout { - padding-left: 0; - padding-right: 0; - &:first-child { - padding-top: 0; - } - &:last-child { - padding-bottom: 0; - } - } - .express-checkout__label-container { - display: block; - } - } - } - } -} - @media ( min-width: 661px ) { body { &.woocommerce-payments-checkout-section { diff --git a/client/settings/payment-methods-list/style.scss b/client/settings/payment-methods-list/style.scss index 9bd860de8a4..92da6d2dad0 100644 --- a/client/settings/payment-methods-list/style.scss +++ b/client/settings/payment-methods-list/style.scss @@ -1,6 +1,10 @@ .payment-methods { position: relative; + .wcpay-card-body { + padding: 0; + } + .payment-methods-list { margin: 0; } @@ -12,10 +16,6 @@ } } - .wcpay-card-body:not( .payment-methods__express-checkouts ) { - padding: 0; - } - .components-popover__content { position: relative; right: 120px; diff --git a/client/settings/settings-manager/style.scss b/client/settings/settings-manager/style.scss index ba68aeba368..df45dcc7ecb 100644 --- a/client/settings/settings-manager/style.scss +++ b/client/settings/settings-manager/style.scss @@ -3,51 +3,13 @@ body { &.woocommerce_page_wc-settings { &.woocommerce-payments-checkout-section { background: #fff; + .settings-content, #wpbody-content, #wpcontent, #mainform { background: #fff; } - - .woopay-settings { - .woopay-settings__appearance-card-settings, - .woopay-settings__appearance-card-preview { - box-shadow: none; - } - } - .woopay-settings__preview .preview-layout { - border: 0; - } - } - - &.woocommerce-payments-checkout-section { - .components-surface { - &.components-card { - box-shadow: none; - } - } - } - } - - &.woocommerce-payments-checkout-section { - .components-surface.components-card { - box-shadow: none; - } - .components-card__body { - &.components-card-body.wcpay-card-body { - padding: 0; - } - } - .payment-method__list-item { - padding-left: 0; - padding-right: 0; - &:first-child { - padding-top: 0; - } - &:last-child { - padding-bottom: 0; - } } } }