From 7b867baff797b4c602d385de235c0b8ec4fcf46a Mon Sep 17 00:00:00 2001
From: Kelly Dwan <ryelle@users.noreply.github.com>
Date: Fri, 6 Sep 2024 12:31:42 -0400
Subject: [PATCH] My pledges: Update style and spacing of pledge action buttons

Fixes #288
---
 themes/wporg-5ftf-2024/src/my-pledge-list/index.php  | 8 ++++----
 themes/wporg-5ftf-2024/src/my-pledge-list/style.scss | 6 ++++++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/themes/wporg-5ftf-2024/src/my-pledge-list/index.php b/themes/wporg-5ftf-2024/src/my-pledge-list/index.php
index 5800cfd..5aeff75 100644
--- a/themes/wporg-5ftf-2024/src/my-pledge-list/index.php
+++ b/themes/wporg-5ftf-2024/src/my-pledge-list/index.php
@@ -58,14 +58,14 @@ function render_single_pledge( $contributor_post, $has_profile_data ) {
 			</p>
 			<!-- /wp:paragraph -->
 
-			<div class="my-pledges__pledge-actions">
+			<div class="my-pledges__pledge-actions" style="margin-top:var(--wp--preset--spacing--20)">
 				<form action="" method="post">
 					<input type="hidden" name="contributor_post_id" value="<?php echo esc_attr( $contributor_post->ID ); ?>" />
 
 					<?php if ( 'pending' === $contributor_post->post_status ) : ?>
 						<?php wp_nonce_field( 'join_decline_organization_' . $contributor_post->ID ); ?>
 
-						<div class="wp-block-button is-small">
+						<div class="wp-block-button">
 							<input
 								type="submit"
 								class="button button-default wp-block-button__link wp-element-button"
@@ -77,7 +77,7 @@ function render_single_pledge( $contributor_post, $has_profile_data ) {
 							/>
 						</div>
 
-						<div class="wp-block-button is-style-outline is-small">
+						<div class="wp-block-button is-style-outline">
 							<input
 								type="submit"
 								class="button button-danger button-link wp-block-button__link wp-element-button"
@@ -89,7 +89,7 @@ function render_single_pledge( $contributor_post, $has_profile_data ) {
 					<?php elseif ( 'publish' === $contributor_post->post_status ) : ?>
 						<?php wp_nonce_field( 'leave_organization_' . $contributor_post->ID ); ?>
 
-						<div class="wp-block-button is-style-outline is-destructive is-small">
+						<div class="wp-block-button is-style-outline is-destructive">
 							<input
 								type="submit"
 								class="button button-danger wp-block-button__link wp-element-button"
diff --git a/themes/wporg-5ftf-2024/src/my-pledge-list/style.scss b/themes/wporg-5ftf-2024/src/my-pledge-list/style.scss
index ed57964..4e4396e 100644
--- a/themes/wporg-5ftf-2024/src/my-pledge-list/style.scss
+++ b/themes/wporg-5ftf-2024/src/my-pledge-list/style.scss
@@ -12,6 +12,12 @@
 	}
 
 	.my-pledges__pledge-actions {
+		form {
+			display: flex;
+			flex-wrap: wrap;
+			gap: var(--wp--preset--spacing--20);
+		}
+
 		.wp-block-button {
 			display: inline-block;