Subscriptions: Fix Subscribed button alignment (#37066)

Automattic · Apr 30, 2024 · 5da0a88 · 5da0a88
1 parent ee1e773
commit 5da0a88
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/projects/plugins/jetpack/changelog/update-subscribe-centered b/projects/plugins/jetpack/changelog/update-subscribe-centered
@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+Subscriptions: Fix Subscribed button alignment
diff --git a/projects/plugins/jetpack/extensions/blocks/subscriptions/subscriptions.php b/projects/plugins/jetpack/extensions/blocks/subscriptions/subscriptions.php
@@ -731,7 +731,7 @@ function render_for_website( $data, $classes, $styles ) {
 	<div <?php echo wp_kses_data( $data['wrapper_attributes'] ); ?>>
 		<div class="wp-block-jetpack-subscriptions__container<?php echo ! $is_subscribed ? ' is-not-subscriber' : ''; ?>">
 			<?php if ( is_top_subscription() ) : ?>
-				<p id="subscribe-submit"
+				<p id="subscribe-submit" class="is-link"
 					<?php if ( ! empty( $styles['submit_button_wrapper'] ) ) : ?>
 						style="<?php echo esc_attr( $styles['submit_button_wrapper'] ); ?>"
 					<?php endif; ?>

diff --git a/projects/plugins/jetpack/extensions/blocks/subscriptions/view.scss b/projects/plugins/jetpack/extensions/blocks/subscriptions/view.scss
@@ -118,3 +118,14 @@
 		}
 	}
 }
+
+#subscribe-submit.is-link {
+	text-align: center;
+	width: auto !important;
+
+	a {
+		width: auto !important;
+		margin-left: 0 !important;
+		margin-top: 0 !important;
+	}
+}