diff --git a/projects/packages/newsletter/changelog/fix-subscriber-toggle-spacing b/projects/packages/newsletter/changelog/fix-subscriber-toggle-spacing new file mode 100644 index 000000000000..d1e7b57333f0 --- /dev/null +++ b/projects/packages/newsletter/changelog/fix-subscriber-toggle-spacing @@ -0,0 +1,4 @@ +Significance: patch +Type: fixed + +Fix spacing between the send-default toggle description and the Manage all subscribers link in the Newsletter settings card. diff --git a/projects/packages/newsletter/src/settings/sections/newsletter-section.tsx b/projects/packages/newsletter/src/settings/sections/newsletter-section.tsx index 6ef0cae66190..b0d97b0b4bab 100644 --- a/projects/packages/newsletter/src/settings/sections/newsletter-section.tsx +++ b/projects/packages/newsletter/src/settings/sections/newsletter-section.tsx @@ -130,23 +130,21 @@ export function NewsletterSection( { data, onChange }: NewsletterSectionProps ): } } onChange={ handleChange } /> - { data.subscriptions && newsletterScriptData && ( -
- - { __( 'Manage all subscribers', 'jetpack-newsletter' ) } - -
- ) } - + { __( 'Privacy information', 'jetpack-newsletter' ) } + { data.subscriptions && newsletterScriptData && ( + + { __( 'Manage all subscribers', 'jetpack-newsletter' ) } + + ) } ); diff --git a/projects/packages/newsletter/src/settings/style.scss b/projects/packages/newsletter/src/settings/style.scss index 93447c35d479..f09ff9859d3b 100644 --- a/projects/packages/newsletter/src/settings/style.scss +++ b/projects/packages/newsletter/src/settings/style.scss @@ -30,4 +30,11 @@ .components-card__body > p:first-child { margin-top: 0; } + + .newsletter-card-footer { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + gap: 8px; + } }