Fix step header (#97283)

Automattic · Dec 11, 2024 · c1db52b · c1db52b
1 parent 4823dde
commit c1db52b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/client/landing/stepper/declarative-flow/internals/global.scss b/client/landing/stepper/declarative-flow/internals/global.scss
@@ -121,7 +121,8 @@ button {
 		@include break-small {
 			&.courses,
 			&.site-picker,
-			&.new-or-existing-site {
+			&.new-or-existing-site,
+			&.domains:not(.copy-site) {
 				margin-top: -60px;
 			}
 		}

diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/domains/index.tsx b/client/landing/stepper/declarative-flow/internals/steps-repository/domains/index.tsx
@@ -321,16 +321,8 @@ const DomainsStep: Step = function DomainsStep( { navigation, flow } ) {
 			formattedHeader={
 				<FormattedHeader
 					id="domains-header"
-					align={
-						[ HUNDRED_YEAR_PLAN_FLOW, HUNDRED_YEAR_DOMAIN_FLOW ].includes( flow )
-							? 'center'
-							: 'left'
-					}
-					subHeaderAlign={
-						[ HUNDRED_YEAR_PLAN_FLOW, HUNDRED_YEAR_DOMAIN_FLOW ].includes( flow )
-							? 'center'
-							: undefined
-					}
+					align="center"
+					subHeaderAlign="center"
 					headerText={ getHeaderText() }
 					subHeaderText={ getSubHeaderText() }
 				/>

diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/domains/style.scss b/client/landing/stepper/declarative-flow/internals/steps-repository/domains/style.scss
@@ -4,7 +4,7 @@
 
 .domains {
 	.step-container {
-		max-width: 1280px;
+		max-width: 1040px;
 		padding: 0 20px;
 		margin: 0;
 
@@ -630,3 +630,10 @@
 		}		
 	}
 }
+
+.copy-site.domains {
+
+	.step-wrapper.is-wide-layout {
+		max-width: 1040px;
+	}
+}