AMP Settings Page > Site Scan screen there should be space between buttons

[pooja-muchandikar]

Bug Description

Site scan screen can we have some padding between the Rescan Site and Browse Site buttons?

The buttons looks attached on click.

Expected Behaviour

There should be some padding between the buttons

Screenshots

PHP Version

No response

Plugin Version

2.2.2alpha

AMP plugin template mode

Standard

WordPress Version

5.9.2

Site Health

No response

Gutenberg Version

No response

OS(s) Affected

No response

Browser(s) Affected

No response

Device(s) Affected

No response

Acceptance Criteria

No response

Implementation Brief

No response

QA Testing Instructions

No response

Demo

No response

Changelog Entry

No response

[westonruter]

I see this is also the case for the Review section:

[westonruter]

In the Onboarding Wizard there is a 1rem space:

[westonruter]

I believe it will be as simple as this:

diff --git a/assets/src/settings-page/style.css b/assets/src/settings-page/style.css
index e22f669a8..0e65d6fad 100644
--- a/assets/src/settings-page/style.css
+++ b/assets/src/settings-page/style.css
@@ -578,6 +578,10 @@ li.error-kept {
 	padding-right: 2.25rem;
 }
 
+.amp .settings-site-scan__footer .components-button + .components-button {
+	margin-left: 1rem;
+}
+
 /* Review. */
 #site-review {
 	margin-bottom: 2.5rem;
@@ -637,6 +641,10 @@ li.error-kept {
 	padding-right: 2.25rem;
 }
 
+.amp .settings-site-review__actions .components-button + .components-button {
+	margin-left: 1rem;
+}
+
 /* Other Settings */
 .amp-other-settings section + section {
 	margin-top: 2rem;

[pooja-muchandikar]

QA Passed ✅

Spacing between buttons is fixed for Site Scan and Review section.

Before:

Site Scan Section

---

Review Section

---

After fix:

Site Scan Section

---

Review Section

---