Minor UI change for Monetization CTR on Unified Dashboard

Bug Description

A very minor UI change - on Unified Dashboard, the Monetization CTR has a title Connect Service which is styled differently than other connect service CTRs. As you can see in the screenshot below, the title is in upper case and slightly smaller font size. Would be good to have it consistent.

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• The treatment of the “Connect Service” text/header of the AdSenseConnectCTA should be consistent with the similar interface for module setup, particularly:
  • Font size and case
  • Margin
  • Letter spacing

Screenshots

Current

Target

Note the lack of margin-top here as well

Implementation Brief

• In assets/sass/components/setup/_googlesitekit-setup.scss.
  • Define .googlesitekit-setup__wrapper class inside the .googlesitekit-plugin class but outside the .googlesitekit-setup class.
  • Move the .googlesitekit-setup__intro-title class with all its properties from .googlesitekit-setup to the newly added .googlesitekit-setup__wrapper class.

Test Coverage

• VRTs may need to be updated.

QA Brief

• QAing this would require checking the Modules -> AdSense -> Widgets -> AdSenseConnectCTA -> Ready story and making sure the “Connect Service” heading looks like the other similar CTAs.
• You can use the screenshots in AC for reference.

Changelog entry

• N/A

[wpdarren]

QA Update: ✅

• Checked Storybook AdSenseConnectCTA story and the “Connect Service” heading looks like the other similar CTAs.
• Set up a test site and can confirm that on the Site Kit Dashboard, the AdSense CTA is styled as per the screenshot in AC.

[eclarke1]

@kuasha420 please could you add an estimate to this one, thanks