From b4ade01106bf7f856b253e1fbcb236f9a294a1be Mon Sep 17 00:00:00 2001
From: Sarah Norris <sarah@sekai.co.uk>
Date: Fri, 11 Mar 2022 20:40:30 +0000
Subject: [PATCH] Archeo: fix footer spacing at mobile (#5640)

* Left align footer items

* Add CSS for row-gap

* Set header/footer blockGap to small spacing var
---
 archeo/inc/patterns/footer.php | 6 +++---
 archeo/parts/header.html       | 2 +-
 archeo/style.css               | 7 +++++++
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/archeo/inc/patterns/footer.php b/archeo/inc/patterns/footer.php
index 9578bb5765..7227044d02 100644
--- a/archeo/inc/patterns/footer.php
+++ b/archeo/inc/patterns/footer.php
@@ -8,10 +8,10 @@
 	'blockTypes' => array( 'core/template-part/footer' ),
 	'content'    => '<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--medium)","top":"var(--wp--custom--spacing--medium)"}}}} -->
 	<div class="wp-block-group" style="padding-top: var(--wp--custom--spacing--medium); padding-bottom: var(--wp--custom--spacing--medium);">
-		<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"center"},"overlayMenu":"never","style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"50px"}},"fontSize":"small"} /-->
+		<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left"},"overlayMenu":"never","className":"site-footer","style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"var(--wp--custom--spacing--small)"}},"fontSize":"small"} /-->
 	
-		<!-- wp:paragraph {"align":"center","fontSize":"small","style":{"spacing":{"margin":{"top":0}}}} -->
-		<p class="has-text-align-center has-small-font-size" style="margin-top: 0;">' .
+		<!-- wp:paragraph {"align":"left","fontSize":"small","style":{"spacing":{"margin":{"top":0}}}} -->
+		<p class="has-small-font-size" style="margin-top: 0;">' .
 		sprintf(
 			/* Translators: WordPress link. */
 			esc_html__( 'Proudly powered by %s', 'archeo' ),
diff --git a/archeo/parts/header.html b/archeo/parts/header.html
index f3459a84ee..6599cdfa3d 100644
--- a/archeo/parts/header.html
+++ b/archeo/parts/header.html
@@ -2,7 +2,7 @@
 <div class="wp-block-group"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--outer)","top":"var(--wp--custom--spacing--outer)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
 <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--outer);padding-bottom:var(--wp--custom--spacing--outer)"><!-- wp:site-title /-->
 
-<!-- wp:navigation {"overlayBackgroundColor":"foreground","overlayTextColor":"background","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left"},"style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"50px"}}} -->
+<!-- wp:navigation {"overlayBackgroundColor":"foreground","overlayTextColor":"background","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left"},"style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"var(--wp--custom--spacing--small)"}},"fontSize":"small"} -->
 <!-- wp:page-list /-->
 <!-- /wp:navigation --></div>
 <!-- /wp:group --></div>
diff --git a/archeo/style.css b/archeo/style.css
index 980a15354b..9b24109c45 100644
--- a/archeo/style.css
+++ b/archeo/style.css
@@ -224,3 +224,10 @@ body > .is-root-container > .wp-block-template-part > .wp-block-cover,
 	height: auto;
 	max-width: 100%;
 }
+
+/*
+ * Needed until https://github.com/WordPress/gutenberg/issues/34529 is fixed.
+ */
+.site-footer {
+	row-gap: 0.5rem !important;
+}