fix(advertising): toggle spacing under category autocomplete

[adekbadek]

All Submissions:

• Have you followed the Newspack Contributing guideline?
• Does your code follow the WordPress' coding standards and VIP Go coding standards?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

The All tag archive pages and All category archive pages toggles in Advertising > Display Ads > Settings sit flush against the inputs above them on WordPress 7.0. The 7.0 Gutenberg components dropped the default bottom margin from FormTokenField (which CategoryAutocomplete wraps), so the toggle ends up touching the autocomplete with no gap.

This adds a 16px top margin to any ToggleControl that immediately follows a CategoryAutocomplete inside the Display Ads wizard, restoring the previous spacing. Scope is intentionally narrow – only the wizard root, only the adjacent-sibling pair.

Closes NEWS-1681.

How to test the changes in this Pull Request:

1. On a site running WordPress 7.0, go to Advertising > Display Ads > Settings (the Settings tab inside the Advertising wizard).
2. Scroll to the Tags section. Confirm the All tag archive pages toggle has a visible gap (~16px) between it and the Tags to suppress ads on input above.
3. Scroll to the Categories section. Confirm the All category archive pages toggle has the same gap above it.
4. Confirm the Author Archive Pages section (which uses a section header above the toggle, not an input) is unchanged.
5. Toggle each control on/off to make sure the click target still hits cleanly and the autocomplete becomes disabled as expected.
6. Open the Providers and Placements tabs and verify nothing else moved.

Other information:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you written new tests for your changes, as applicable?
• Have you successfully ran tests with your changes locally?

[Copilot]

Pull request overview

Adjusts the Advertising > Display Ads > Settings wizard styling to restore the visual gap between the Category/Tag autocomplete inputs and the immediately-following toggles on WordPress 7.0 (where FormTokenField no longer provides default bottom spacing).

Changes:

• Add a narrowly scoped adjacent-sibling CSS rule to apply margin-top: 16px to ToggleControl when it directly follows CategoryAutocomplete within the Display Ads wizard.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[laurelfulford]

That looks much better, and no other changes were introduced! 🚢