My pledges: Update style and spacing of pledge action buttons

Fixes #288
WordPress · Sep 6, 2024 · 7b867ba · 7b867ba
1 parent 092ee9b
commit 7b867ba
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 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
@@ -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 @@ class="button button-default wp-block-button__link wp-element-button"
 							/>
 						</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 @@ class="button button-danger button-link wp-block-button__link wp-element-button"
 					<?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
@@ -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;