💄 Fix a minor CSS issue with wrong separator gaps

This commit is contained in:
Philipp Stracker 2025-02-04 17:56:52 +01:00
parent efba2f13fa
commit aa17a05e91
No known key found for this signature in database
4 changed files with 7 additions and 6 deletions

View file

@ -54,8 +54,4 @@
}
}
}
.ppcp-r-page-welcome-mode-separator {
margin: 8px 0 24px 0 !important;
}
}

View file

@ -13,4 +13,8 @@
.ppcp-r-inner-container {
max-width: var(--max-width-onboarding-content);
}
.ppcp-r-payment-method--separator {
margin: 8px 0 24px 0;
}
}

View file

@ -68,6 +68,7 @@
@media screen and (max-width: 480px) {
flex-wrap: wrap;
row-gap: 8px;
&__col {
width: 100%;
text-align: center;
@ -77,7 +78,7 @@
border-right: 0;
padding-right: 0;
padding-bottom: 8px;
margin: 0px;
margin: 0;
}
}
}

View file

@ -22,7 +22,7 @@ const PaymentMethodItem = ( { Component, learnMore, showSeparator } ) => {
<>
<Component learnMore={ learnMore } />
{ showSeparator && (
<Separator className="ppcp-r-page-welcome-mode-separator" />
<Separator className="ppcp-r-payment-method--separator" />
) }
</>
);