From 45875f73ca2556b597087b5b34ffa1c6677def51 Mon Sep 17 00:00:00 2001
From: Kelly Dwan <ryelle@users.noreply.github.com>
Date: Mon, 9 Sep 2024 13:31:15 -0400
Subject: [PATCH] Pledge list: Update display on small screens

Fixes #279, fixes #290
---
 .../wporg-5ftf-2024/patterns/archive-5ftf-pledge.php  |  2 +-
 themes/wporg-5ftf-2024/src/style/style.scss           | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/themes/wporg-5ftf-2024/patterns/archive-5ftf-pledge.php b/themes/wporg-5ftf-2024/patterns/archive-5ftf-pledge.php
index 6d5a653..217f3b9 100644
--- a/themes/wporg-5ftf-2024/patterns/archive-5ftf-pledge.php
+++ b/themes/wporg-5ftf-2024/patterns/archive-5ftf-pledge.php
@@ -50,7 +50,7 @@ if ( is_search() ) {
 	</div>
 	<!-- /wp:group -->
 
-	<!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} -->
+	<!-- wp:post-template {"style":{"spacing":{"blockGap":"80px"}}} -->
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
 		<div class="wp-block-group">
 			<!-- wp:group {"style":{"border":{"radius":"2px"},"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"backgroundColor":"light-grey-2","layout":{"type":"constrained"}} -->
diff --git a/themes/wporg-5ftf-2024/src/style/style.scss b/themes/wporg-5ftf-2024/src/style/style.scss
index 9fdf5a3..cdd81df 100644
--- a/themes/wporg-5ftf-2024/src/style/style.scss
+++ b/themes/wporg-5ftf-2024/src/style/style.scss
@@ -49,17 +49,24 @@ body.is-page-in-menu .wp-block-wporg-local-navigation-bar .wp-block-post-title {
 				max-width: 110px;
 			}
 		}
+	}
 
-		@media (max-width: 600px) {
+	@media (max-width: 600px) {
+		+ * {
+			margin-block-start: 40px;
+		}
+
+		> .wp-block-group {
 			flex-direction: column;
 
 			> .wp-block-group:first-child {
-				max-width: 100%;
+				width: 100%;
 				align-self: center;
 			}
 
 			.wp-block-post-featured-image {
 				max-width: 100%;
+				width: 200px !important;
 			}
 		}
 	}