diff --git a/modules/ppcp-settings/resources/css/components/reusable-components/_help-section.scss b/modules/ppcp-settings/resources/css/components/reusable-components/_help-section.scss index 33d5e6330..4720691af 100644 --- a/modules/ppcp-settings/resources/css/components/reusable-components/_help-section.scss +++ b/modules/ppcp-settings/resources/css/components/reusable-components/_help-section.scss @@ -1,4 +1,5 @@ /* The help section at the bottom of post pages */ .ppcp-r-tab-overview-help { --block-header-gap: 8px; + --card-gap-top: 24px; } diff --git a/modules/ppcp-settings/resources/css/components/reusable-components/_settings-card.scss b/modules/ppcp-settings/resources/css/components/reusable-components/_settings-card.scss index f4b02442a..977b84fb7 100644 --- a/modules/ppcp-settings/resources/css/components/reusable-components/_settings-card.scss +++ b/modules/ppcp-settings/resources/css/components/reusable-components/_settings-card.scss @@ -29,7 +29,7 @@ $width_gap: 24px; display: var(--card-layout); gap: var(--card-gap); - margin: 0 0 var(--card-gap) 0; + margin: var(--card-gap-top, 0) 0 var(--card-gap) 0; .ppcp-r-settings-card__header { display: var(--card-layout); diff --git a/modules/ppcp-settings/resources/css/components/screens/onboarding/_step-welcome.scss b/modules/ppcp-settings/resources/css/components/screens/onboarding/_step-welcome.scss index c027472f0..cc8eda5cb 100644 --- a/modules/ppcp-settings/resources/css/components/screens/onboarding/_step-welcome.scss +++ b/modules/ppcp-settings/resources/css/components/screens/onboarding/_step-welcome.scss @@ -28,6 +28,7 @@ .onboarding-advanced-options { margin-top: 24px; + margin-bottom: 48px; max-width: 800px; .ppcp--toggler .ppcp--title-wrapper {