From 9cbccb6db4f2aedfef79b28bda7d19c6486f3ff2 Mon Sep 17 00:00:00 2001
From: rjchow <me@rjchow.com>
Date: Mon, 16 Sep 2024 16:50:29 +1000
Subject: [PATCH] align toggle text

---
 .../launch-your-store/settings/slotfill.js    | 54 ++++++++++---------
 .../launch-your-store/settings/style.scss     |  5 +-
 2 files changed, 34 insertions(+), 25 deletions(-)

diff --git a/plugins/woocommerce-admin/client/launch-your-store/settings/slotfill.js b/plugins/woocommerce-admin/client/launch-your-store/settings/slotfill.js
index f8175f07491..8064fe882ac 100644
--- a/plugins/woocommerce-admin/client/launch-your-store/settings/slotfill.js
+++ b/plugins/woocommerce-admin/client/launch-your-store/settings/slotfill.js
@@ -203,7 +203,7 @@ const SiteVisibility = () => {
 				</p>
 				<div
 					className={ clsx(
-						'site-visibility-settings-slotfill-section-content',
+						'site-visibility-settings-slotfill-section-content indent-one-level',
 						{
 							'is-hidden': comingSoon !== 'yes',
 						}
@@ -308,29 +308,35 @@ const SiteVisibility = () => {
 			</div>
 			<div className="site-visibility-settings-slotfill-section">
 				<h4>{ __( 'Admin bar badge', 'woocommerce' ) }</h4>
-				<ToggleControl
-					label={
-						<>
-							{ __( 'Hide admin bar badge', 'woocommerce' ) }
-							<p>
-								{ __(
-									'Hide the site visibility badge from the admin bar.',
-									'woocommerce'
-								) }
-							</p>
-						</>
-					}
-					checked={ hideAdminBarBadge === 'yes' }
-					onChange={ ( checked ) => {
-						setHideAdminBarBadge( checked ? 'yes' : 'no' );
-						recordEvent(
-							'site_visibility_hide_admin_bar_badge_toggle',
-							{
-								enabled: checked,
-							}
-						);
-					} }
-				/>
+				<div
+					className={ clsx(
+						'site-visibility-settings-slotfill-section-content'
+					) }
+				>
+					<ToggleControl
+						label={
+							<>
+								{ __( 'Hide admin bar badge', 'woocommerce' ) }
+								<p>
+									{ __(
+										'Hide the site visibility badge from the admin bar.',
+										'woocommerce'
+									) }
+								</p>
+							</>
+						}
+						checked={ hideAdminBarBadge === 'yes' }
+						onChange={ ( checked ) => {
+							setHideAdminBarBadge( checked ? 'yes' : 'no' );
+							recordEvent(
+								'site_visibility_hide_admin_bar_badge_toggle',
+								{
+									enabled: checked,
+								}
+							);
+						} }
+					/>
+				</div>
 			</div>
 			{ formRef.current && saveButtonRef.current ? (
 				<ConfirmationModal
diff --git a/plugins/woocommerce-admin/client/launch-your-store/settings/style.scss b/plugins/woocommerce-admin/client/launch-your-store/settings/style.scss
index 17651289564..4b37e3cbb0b 100644
--- a/plugins/woocommerce-admin/client/launch-your-store/settings/style.scss
+++ b/plugins/woocommerce-admin/client/launch-your-store/settings/style.scss
@@ -107,7 +107,10 @@
 			gap: 16px;
 			display: flex;
 			flex-direction: column;
-			margin: 16px 0 0 30px;
+
+			&.indent-one-level {
+				margin: 16px 0 0 30px;
+			}
 
 			&.is-hidden {
 				display: none;