Pledge details: Fix button styles and spacing

Fixes #277
WordPress · Sep 9, 2024 · 2d78942 · 2d78942
1 parent 7b867ba
commit 2d78942
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/themes/wporg-5ftf-2024/patterns/single-5ftf-pledge.php b/themes/wporg-5ftf-2024/patterns/single-5ftf-pledge.php
@@ -44,14 +44,14 @@
 	<div class="wp-block-column" style="flex-basis:60%">
 		<!-- wp:post-content /-->
 
-		<!-- wp:separator {"className":"is-style-wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|20"}}},"backgroundColor":"black-opacity-15"} -->
-		<hr class="wp-block-separator has-text-color has-black-opacity-15-color has-alpha-channel-opacity has-black-opacity-15-background-color has-background is-style-wide" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--20)"/>
+		<!-- wp:separator {"className":"is-style-wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}},"color":{"background":"#00000012"}}} -->
+		<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);background-color:#00000012;color:#00000012"/>
 		<!-- /wp:separator -->
 
-		<!-- wp:buttons {"style":{"spacing":{"blockGap":"5px"}}} -->
+		<!-- wp:buttons -->
 		<div class="wp-block-buttons">
 			<!-- wp:button -->
-			<div class="wp-block-button is-style-text is-destructive is-small">
+			<div class="wp-block-button is-style-outline is-destructive is-small">
 				<a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/report/' ) ); ?>"><?php esc_html_e( 'Report a problem', 'wporg-5ftf' ); ?></a>
 			</div>
 			<!-- /wp:button -->

diff --git a/themes/wporg-5ftf-2024/src/pledge-edit-button/index.php b/themes/wporg-5ftf-2024/src/pledge-edit-button/index.php
@@ -44,7 +44,7 @@ function render( $attributes, $content, $block ) {
 	$html->next_tag( 'button' );
 	$html->add_class( 'wp-block-button__link' );
 
-	$wrapper_attributes = get_block_wrapper_attributes( [ 'class' => 'wp-block-button is-style-text is-small' ]);
+	$wrapper_attributes = get_block_wrapper_attributes( [ 'class' => 'wp-block-button is-style-outline is-small' ]);
 	return sprintf(
 		'<div %s>%s</div>',
 		$wrapper_attributes,