Design tweaks

Automattic · Jul 12, 2024 · 1159488 · 1159488
1 parent 4a1ea65
commit 1159488
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/projects/packages/my-jetpack/_inc/components/my-jetpack-screen/index.jsx b/projects/packages/my-jetpack/_inc/components/my-jetpack-screen/index.jsx
@@ -125,6 +125,8 @@ export default function MyJetpackScreen() {
 
 	return (
 		<AdminPage siteAdminUrl={ adminUrl }>
+			<hr className={ styles.separator } />
+
 			<IDCModal />
 			{ ! isNewUser && (
 				<Container horizontalSpacing={ 0 }>
@@ -135,7 +137,7 @@ export default function MyJetpackScreen() {
 			) }
 			<WelcomeBanner />
 			{ noticeMessage && ! isWelcomeBannerVisible && (
-				<Container horizontalSpacing={ 6 } horizontalGap={ 3 }>
+				<Container horizontalSpacing={ 3 } horizontalGap={ 3 }>
 					<Col>
 						{
 							<GlobalNotice

diff --git a/projects/packages/my-jetpack/_inc/components/my-jetpack-screen/styles.module.scss b/projects/packages/my-jetpack/_inc/components/my-jetpack-screen/styles.module.scss
@@ -97,4 +97,9 @@
 			fill: none;
 		}
 	}
+}
+
+.separator {
+	margin: 0;
+	border-bottom: none;
 }
diff --git a/projects/packages/my-jetpack/_inc/components/product-cards-section/index.tsx b/projects/packages/my-jetpack/_inc/components/product-cards-section/index.tsx
@@ -110,8 +110,6 @@ const ProductCardsSection: FC< ProductCardsSectionProps > = ( { noticeMessage }
 				</AdminSectionHero>
 			) }
 
-			<br />
-
 			{ unownedProducts.length > 0 && (
 				<Container horizontalSpacing={ 6 } horizontalGap={ noticeMessage ? 3 : 6 }>
 					<Col>
-Original file line number
+Diff line change
@@ Expand Up @@
     				</AdminSectionHero>
     			) }
-    			<br />
     			{ unownedProducts.length > 0 && (
     				<Container horizontalSpacing={ 6 } horizontalGap={ noticeMessage ? 3 : 6 }>
     					<Col>
@@ Expand Down @@