diff --git a/modules/ppcp-settings/resources/css/_variables.scss b/modules/ppcp-settings/resources/css/_variables.scss index a59806e59..fd24b8b88 100644 --- a/modules/ppcp-settings/resources/css/_variables.scss +++ b/modules/ppcp-settings/resources/css/_variables.scss @@ -68,4 +68,5 @@ $card-vertical-gap: 48px; --block-separator-gap: 32px; --block-separator-size: 1px; --block-separator-color: var(--color-gray-200); + --block-action-gap: 16px; // Space between two consecutive action blocks. } diff --git a/modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss b/modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss index 30dcbd816..bc66032f6 100644 --- a/modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss +++ b/modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss @@ -86,6 +86,9 @@ padding-top: var(--block-separator-gap, 32px); border-top: var(--block-separator-size, 1px) solid var(--block-separator-color); } + + .ppcp--action + .ppcp--action { + margin-top: var(--block-action-gap, 16px); } }