From 4fd3ef0e6afafbb68812dbc1ae08367bdedb536e Mon Sep 17 00:00:00 2001
From: Ian Dunn <ian@iandunn.name>
Date: Thu, 23 Nov 2023 14:55:29 -0800
Subject: [PATCH] Events: Align footer organize section on mobile

---
 .../themes/wporg-events-2023/parts/footer.html        |  4 ++--
 .../themes/wporg-events-2023/postcss/base/footer.pcss | 11 +++++++++++
 .../themes/wporg-events-2023/postcss/style.pcss       |  1 +
 3 files changed, 14 insertions(+), 2 deletions(-)
 create mode 100644 public_html/wp-content/themes/wporg-events-2023/postcss/base/footer.pcss

diff --git a/public_html/wp-content/themes/wporg-events-2023/parts/footer.html b/public_html/wp-content/themes/wporg-events-2023/parts/footer.html
index 9dd89937be..2161a7b750 100644
--- a/public_html/wp-content/themes/wporg-events-2023/parts/footer.html
+++ b/public_html/wp-content/themes/wporg-events-2023/parts/footer.html
@@ -1,5 +1,5 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|edge-space","bottom":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-<div class="wp-block-group"
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|edge-space","bottom":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}},"className":"wporg-events__footer-organize","layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group wporg-events__footer-organize"
 	style="padding-top:var(--wp--preset--spacing--edge-space);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)">
 	<!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"70%"}},"fontSize":"heading-4"} -->
 	<p class="has-heading-4-font-size">If you can't find a WordPress event around your area, you can become an organizer
diff --git a/public_html/wp-content/themes/wporg-events-2023/postcss/base/footer.pcss b/public_html/wp-content/themes/wporg-events-2023/postcss/base/footer.pcss
new file mode 100644
index 0000000000..48444b6cc8
--- /dev/null
+++ b/public_html/wp-content/themes/wporg-events-2023/postcss/base/footer.pcss
@@ -0,0 +1,11 @@
+.wporg-events__footer-organize {
+	@media (--small-only) {
+		&.is-layout-flex {
+			display: block;
+		}
+
+		& .wp-block-buttons.is-layout-flex {
+			display: block;
+		}
+	}
+}
diff --git a/public_html/wp-content/themes/wporg-events-2023/postcss/style.pcss b/public_html/wp-content/themes/wporg-events-2023/postcss/style.pcss
index 685c7b602e..06cb636dd5 100644
--- a/public_html/wp-content/themes/wporg-events-2023/postcss/style.pcss
+++ b/public_html/wp-content/themes/wporg-events-2023/postcss/style.pcss
@@ -9,6 +9,7 @@
 /* Base */
 @import "base/breakpoints.pcss";
 @import "base/layout.pcss";
+@import "base/footer.pcss";
 
 /* Pages */
 @import "page/front-page/cover.pcss";