fix: adjust styles

Automattic · Dec 13, 2024 · 4ec9675 · 4ec9675
1 parent 86c4f3a
commit 4ec9675
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/src/other-scripts/recaptcha/index.js b/src/other-scripts/recaptcha/index.js
@@ -90,13 +90,15 @@ function addErrorMessage( form, message ) {
 	const errorText = document.createElement( 'p' );
 	errorText.textContent = message;
 	const container = document.createElement( 'div' );
-	container.classList.add(
-		'newspack-ui__notice',
-		'newspack-ui__notice--error',
-		'newspack-recaptcha-error'
-	);
+	container.classList.add( 'newspack-recaptcha-error' );
 	container.appendChild( errorText );
-	form.insertBefore( container, form.firstChild );
+	// Newsletters block errors render below the form.
+	if ( form.parentElement.classList.contains( 'newspack-newsletters-subscribe' ) ) {
+		form.append( container );
+	} else {
+		container.classList.add( 'newspack-ui__notice', 'newspack-ui__notice--error' );
+		form.insertBefore( container, form.firstChild );
+	}
 }
 
 /**

diff --git a/src/other-scripts/recaptcha/style.scss b/src/other-scripts/recaptcha/style.scss
@@ -15,5 +15,7 @@
 }
 
 .newspack-recaptcha-error {
-	margin-top: 0 !important;
+	&.newspack-ui__notice--error {
+		margin-top: 0 !important;
+	}
 }