From 2d789427d901ac62f2982f0affd1984e871a0586 Mon Sep 17 00:00:00 2001
From: Kelly Dwan <ryelle@users.noreply.github.com>
Date: Mon, 9 Sep 2024 10:44:23 -0400
Subject: [PATCH] Pledge details: Fix button styles and spacing

Fixes #277
---
 themes/wporg-5ftf-2024/patterns/single-5ftf-pledge.php  | 8 ++++----
 themes/wporg-5ftf-2024/src/pledge-edit-button/index.php | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/themes/wporg-5ftf-2024/patterns/single-5ftf-pledge.php b/themes/wporg-5ftf-2024/patterns/single-5ftf-pledge.php
index 6159a40..f09d436 100644
--- 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
index 4f2d2fb..ae2cf00 100644
--- 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,