From 433a3c20a388d9bea8069195cafaa1119ac97d12 Mon Sep 17 00:00:00 2001
From: Ben Dwyer <ben@scruffian.com>
Date: Wed, 25 Aug 2021 15:01:59 +0100
Subject: [PATCH 1/7] Blockbase: Update post meta to use flex

---
 blockbase/assets/ponyfill.css                      | 4 ----
 blockbase/sass/post/_meta.scss                     | 3 ---
 blockbase/theme.json                               | 1 +
 mayland-blocks/block-template-parts/post-meta.html | 2 +-
 mayland-blocks/theme.json                          | 1 +
 quadrat/block-templates/single.html                | 2 +-
 quadrat/inc/patterns/query-diamond.php             | 2 +-
 quadrat/theme.json                                 | 1 +
 seedlet-blocks/block-template-parts/post-meta.html | 2 +-
 seedlet-blocks/theme.json                          | 1 +
 skatepark/block-templates/single.html              | 2 +-
 skatepark/theme.json                               | 1 +
 12 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/blockbase/assets/ponyfill.css b/blockbase/assets/ponyfill.css
index 1e3ad28c72..f3b0c0caa5 100644
--- a/blockbase/assets/ponyfill.css
+++ b/blockbase/assets/ponyfill.css
@@ -814,10 +814,6 @@ p.has-background {
 	margin-bottom: unset;
 }
 
-.post-meta {
-	display: flex;
-}
-
 .post-meta .wp-block-post-author,
 .post-meta .wp-block-post-date,
 .post-meta .taxonomy-post_tag,
diff --git a/blockbase/sass/post/_meta.scss b/blockbase/sass/post/_meta.scss
index 74536c7c1e..ec4395e1a3 100644
--- a/blockbase/sass/post/_meta.scss
+++ b/blockbase/sass/post/_meta.scss
@@ -1,7 +1,4 @@
 .post-meta {
-	// TODO - needed until https://github.com/WordPress/gutenberg/issues/24473
-	display: flex;
-
 	.wp-block-post-author,
 	.wp-block-post-date,
 	.taxonomy-post_tag,
diff --git a/blockbase/theme.json b/blockbase/theme.json
index a902a82738..a63090396e 100644
--- a/blockbase/theme.json
+++ b/blockbase/theme.json
@@ -314,6 +314,7 @@
 			"wideSize": "1000px"
 		},
 		"spacing": {
+			"blockGap": "var(--wp--custom--margin--horizontal)",
 			"customPadding": true,
 			"units": [
 				"%",
diff --git a/mayland-blocks/block-template-parts/post-meta.html b/mayland-blocks/block-template-parts/post-meta.html
index 8cc4e58efe..17515dfd8d 100644
--- a/mayland-blocks/block-template-parts/post-meta.html
+++ b/mayland-blocks/block-template-parts/post-meta.html
@@ -1,4 +1,4 @@
-<!-- wp:group {"textColor":"gray","className":"post-meta"} -->
+<!-- wp:group {"textColor":"gray","className":"post-meta","layout":{"type":"flex"}} -->
 <div class="post-meta wp-block-group post-meta has-gray-color has-text-color"><!-- wp:post-author {"showAvatar":false,"showBio":false,"fontSize":"small"} /-->
 
 <!-- wp:post-date {"fontSize":"small","isLink":true} /-->
diff --git a/mayland-blocks/theme.json b/mayland-blocks/theme.json
index 0459623f65..ab2f8db7be 100644
--- a/mayland-blocks/theme.json
+++ b/mayland-blocks/theme.json
@@ -326,6 +326,7 @@
 			"wideSize": "1000px"
 		},
 		"spacing": {
+			"blockGap": "var(--wp--custom--margin--horizontal)",
 			"customPadding": true,
 			"units": [
 				"%",
diff --git a/quadrat/block-templates/single.html b/quadrat/block-templates/single.html
index 1fff52f2f9..736b1c6a5e 100644
--- a/quadrat/block-templates/single.html
+++ b/quadrat/block-templates/single.html
@@ -3,7 +3,7 @@
 <!-- wp:group {"tagName":"main"} -->
 <main class="wp-block-group">
 
-	<!-- wp:group {"className":"post-meta"} -->
+	<!-- wp:group {"className":"post-meta","layout":{"type":"flex"}} -->
 	<div class="wp-block-group post-meta">
 		<!-- wp:post-date {"textAlign":"center","fontSize":"tiny","isLink":true} /-->
 		<!-- wp:post-terms {"term":"category","textAlign":"center","fontSize":"tiny"} /-->
diff --git a/quadrat/inc/patterns/query-diamond.php b/quadrat/inc/patterns/query-diamond.php
index 059df90817..0f0b3bc96d 100644
--- a/quadrat/inc/patterns/query-diamond.php
+++ b/quadrat/inc/patterns/query-diamond.php
@@ -13,7 +13,7 @@
 	<div class="wp-block-query alignwide is-style-quadrat-diamond-posts"><!-- wp:post-template -->
 	<!-- wp:columns -->
 	<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center"} -->
-	<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"className":"post-meta"} -->
+	<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"className":"post-meta","layout":{"type":"flex"}} -->
 	<div class="wp-block-group post-meta"><!-- wp:post-date {"fontSize":"tiny","isLink":true} /-->
 
 	<!-- wp:post-terms {"term":"category","fontSize":"tiny"} /--></div>
diff --git a/quadrat/theme.json b/quadrat/theme.json
index 419142c08d..d5b57c33fe 100644
--- a/quadrat/theme.json
+++ b/quadrat/theme.json
@@ -364,6 +364,7 @@
 			"wideSize": "1128px"
 		},
 		"spacing": {
+			"blockGap": "var(--wp--custom--margin--horizontal)",
 			"customPadding": true,
 			"units": [
 				"%",
diff --git a/seedlet-blocks/block-template-parts/post-meta.html b/seedlet-blocks/block-template-parts/post-meta.html
index acc190d0fb..8856e40968 100644
--- a/seedlet-blocks/block-template-parts/post-meta.html
+++ b/seedlet-blocks/block-template-parts/post-meta.html
@@ -2,7 +2,7 @@
 <hr class="wp-block-separator is-style-wide"/>
 <!-- /wp:separator -->
 
-<!-- wp:group {"className":"post-meta"} -->
+<!-- wp:group {"className":"post-meta","layout":{"type":"flex"}} -->
 <div class="wp-block-group post-meta"><!-- wp:post-author {"showAvatar":false,"showBio":false,"fontSize":"tiny"} /-->
 
 <!-- wp:post-date {"fontSize":"tiny","isLink":true} /-->
diff --git a/seedlet-blocks/theme.json b/seedlet-blocks/theme.json
index 8922c8ceac..bef8287cc3 100644
--- a/seedlet-blocks/theme.json
+++ b/seedlet-blocks/theme.json
@@ -355,6 +355,7 @@
 			"wideSize": "790px"
 		},
 		"spacing": {
+			"blockGap": "var(--wp--custom--margin--horizontal)",
 			"customPadding": true,
 			"units": [
 				"%",
diff --git a/skatepark/block-templates/single.html b/skatepark/block-templates/single.html
index 7af789b219..b3d2892a4b 100644
--- a/skatepark/block-templates/single.html
+++ b/skatepark/block-templates/single.html
@@ -29,7 +29,7 @@
 	<div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
 	<hr class="wp-block-separator is-style-wide"/>
 	<!-- /wp:separator -->
-	<!-- wp:group {"className":"post-meta"} -->
+	<!-- wp:group {"className":"post-meta","layout":{"type":"flex"}} -->
 	<div class="wp-block-group post-meta">
 	<!-- wp:post-date {"fontSize":"tiny","isLink":true} /-->
 	<!-- wp:post-terms {"term":"category","fontSize":"tiny"} /-->
diff --git a/skatepark/theme.json b/skatepark/theme.json
index 46b3867598..d9c5f7bf07 100644
--- a/skatepark/theme.json
+++ b/skatepark/theme.json
@@ -371,6 +371,7 @@
 			"wideSize": "1194px"
 		},
 		"spacing": {
+			"blockGap": "var(--wp--custom--margin--horizontal)",
 			"customPadding": true,
 			"units": [
 				"%",

From 4330b97b8dc257aac1aa849549516e038c36b993 Mon Sep 17 00:00:00 2001
From: Ben Dwyer <ben@scruffian.com>
Date: Thu, 26 Aug 2021 10:16:11 +0100
Subject: [PATCH 2/7] move the blockGap config to styles

---
 blockbase/theme.json      | 4 +++-
 mayland-blocks/theme.json | 4 +++-
 quadrat/theme.json        | 4 +++-
 seedlet-blocks/theme.json | 4 +++-
 skatepark/theme.json      | 4 +++-
 5 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/blockbase/theme.json b/blockbase/theme.json
index a63090396e..331c9f7590 100644
--- a/blockbase/theme.json
+++ b/blockbase/theme.json
@@ -314,7 +314,6 @@
 			"wideSize": "1000px"
 		},
 		"spacing": {
-			"blockGap": "var(--wp--custom--margin--horizontal)",
 			"customPadding": true,
 			"units": [
 				"%",
@@ -564,6 +563,9 @@
 				}
 			}
 		},
+		"spacing": {
+			"blockGap": "var(--wp--custom--margin--horizontal)"
+		},
 		"typography": {
 			"lineHeight": "var(--wp--custom--body--typography--line-height)",
 			"fontFamily": "var(--wp--preset--font-family--system-font)",
diff --git a/mayland-blocks/theme.json b/mayland-blocks/theme.json
index ab2f8db7be..6e7933cd17 100644
--- a/mayland-blocks/theme.json
+++ b/mayland-blocks/theme.json
@@ -326,7 +326,6 @@
 			"wideSize": "1000px"
 		},
 		"spacing": {
-			"blockGap": "var(--wp--custom--margin--horizontal)",
 			"customPadding": true,
 			"units": [
 				"%",
@@ -593,6 +592,9 @@
 				}
 			}
 		},
+		"spacing": {
+			"blockGap": "var(--wp--custom--margin--horizontal)"
+		},
 		"typography": {
 			"lineHeight": "var(--wp--custom--body--typography--line-height)",
 			"fontFamily": "var(--wp--preset--font-family--poppins)",
diff --git a/quadrat/theme.json b/quadrat/theme.json
index d5b57c33fe..4e9673d3fb 100644
--- a/quadrat/theme.json
+++ b/quadrat/theme.json
@@ -364,7 +364,6 @@
 			"wideSize": "1128px"
 		},
 		"spacing": {
-			"blockGap": "var(--wp--custom--margin--horizontal)",
 			"customPadding": true,
 			"units": [
 				"%",
@@ -669,6 +668,9 @@
 				}
 			}
 		},
+		"spacing": {
+			"blockGap": "var(--wp--custom--margin--horizontal)"
+		},
 		"typography": {
 			"lineHeight": "var(--wp--custom--body--typography--line-height)",
 			"fontFamily": "var(--wp--preset--font-family--dm-sans)",
diff --git a/seedlet-blocks/theme.json b/seedlet-blocks/theme.json
index bef8287cc3..a9b8fa8a38 100644
--- a/seedlet-blocks/theme.json
+++ b/seedlet-blocks/theme.json
@@ -355,7 +355,6 @@
 			"wideSize": "790px"
 		},
 		"spacing": {
-			"blockGap": "var(--wp--custom--margin--horizontal)",
 			"customPadding": true,
 			"units": [
 				"%",
@@ -627,6 +626,9 @@
 				}
 			}
 		},
+		"spacing": {
+			"blockGap": "var(--wp--custom--margin--horizontal)"
+		},
 		"typography": {
 			"lineHeight": "var(--wp--custom--body--typography--line-height)",
 			"fontFamily": "var(--wp--preset--font-family--fira-sans)",
diff --git a/skatepark/theme.json b/skatepark/theme.json
index d9c5f7bf07..80f6484efc 100644
--- a/skatepark/theme.json
+++ b/skatepark/theme.json
@@ -371,7 +371,6 @@
 			"wideSize": "1194px"
 		},
 		"spacing": {
-			"blockGap": "var(--wp--custom--margin--horizontal)",
 			"customPadding": true,
 			"units": [
 				"%",
@@ -650,6 +649,9 @@
 				}
 			}
 		},
+		"spacing": {
+			"blockGap": "var(--wp--custom--margin--horizontal)"
+		},
 		"typography": {
 			"lineHeight": "var(--wp--custom--body--typography--line-height)",
 			"fontFamily": "var(--wp--preset--font-family--red-hat-display)",

From 58eb9dea7013d6ec20c5f40a99151d0ff9251a6e Mon Sep 17 00:00:00 2001
From: Ben Dwyer <ben@scruffian.com>
Date: Thu, 26 Aug 2021 11:01:42 +0100
Subject: [PATCH 3/7] Change the site header to use the new flex layout

---
 blockbase/assets/ponyfill.css                   | 3 ---
 blockbase/block-template-parts/header.html      | 4 ++--
 blockbase/sass/base/_header.scss                | 4 ----
 mayland-blocks/block-template-parts/header.html | 4 ++--
 quadrat/block-template-parts/header.html        | 4 ++--
 5 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/blockbase/assets/ponyfill.css b/blockbase/assets/ponyfill.css
index f3b0c0caa5..5bfadfcfd1 100644
--- a/blockbase/assets/ponyfill.css
+++ b/blockbase/assets/ponyfill.css
@@ -107,10 +107,7 @@ img {
 }
 
 .site-header {
-	align-items: center;
-	flex-wrap: wrap;
 	justify-content: space-between;
-	display: flex;
 	overflow: inherit;
 }
 
diff --git a/blockbase/block-template-parts/header.html b/blockbase/block-template-parts/header.html
index 89a4df199c..9e44f42f61 100644
--- a/blockbase/block-template-parts/header.html
+++ b/blockbase/block-template-parts/header.html
@@ -1,6 +1,6 @@
-<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"40px"}}},"className":"site-header"} -->
+<!-- wp:group {"align":"full","layout":{"type":"flex"},"style":{"spacing":{"padding":{"bottom":"40px"}}},"className":"site-header"} -->
 <div class="wp-block-group alignfull site-header" style="padding-bottom:40px">
 	<!-- wp:site-title /-->
 	<!-- wp:navigation {"isResponsive":true,"__unstableLocation":"primary"} /-->
 </div>
-<!-- /wp:group -->
\ No newline at end of file
+<!-- /wp:group -->
diff --git a/blockbase/sass/base/_header.scss b/blockbase/sass/base/_header.scss
index 3a433598af..b3caf7de1a 100644
--- a/blockbase/sass/base/_header.scss
+++ b/blockbase/sass/base/_header.scss
@@ -1,9 +1,5 @@
-// This is needed until something like https://github.com/WordPress/gutenberg/issues/24473 exists
 .site-header {
-	align-items: center;
-	flex-wrap: wrap;
 	justify-content: space-between;
-	display: flex;
 	overflow: inherit;
 
 	.wp-block-site-title a {
diff --git a/mayland-blocks/block-template-parts/header.html b/mayland-blocks/block-template-parts/header.html
index 84e77fcc66..d1710d7ae9 100644
--- a/mayland-blocks/block-template-parts/header.html
+++ b/mayland-blocks/block-template-parts/header.html
@@ -1,8 +1,8 @@
-<!-- wp:group {"align":"full","className":"site-header"} -->
+<!-- wp:group {"align":"full","layout":{"type":"flex"},"className":"site-header"} -->
 <div class="wp-block-group alignfull site-header">
 <!-- wp:site-logo /-->
 <!-- wp:site-title /-->
 <!-- wp:navigation {"orientation":"horizontal","textColor":"foreground-light","itemsJustification":"right","fontSize":"small","isResponsive":true,"__unstableLocation":"primary"} -->
 <!-- /wp:navigation -->
 </div>
-<!-- /wp:group -->
\ No newline at end of file
+<!-- /wp:group -->
diff --git a/quadrat/block-template-parts/header.html b/quadrat/block-template-parts/header.html
index a5eec6e290..a97574d7b5 100644
--- a/quadrat/block-template-parts/header.html
+++ b/quadrat/block-template-parts/header.html
@@ -1,8 +1,8 @@
-<!-- wp:group {"tagName":"header","style":{"spacing":{"padding":{"bottom":"170px"}}},"className":"site-header"} -->
+<!-- wp:group {"tagName":"header","layout":{"type":"flex"},"style":{"spacing":{"padding":{"bottom":"170px"}}},"className":"site-header"} -->
 <header class="wp-block-group site-header" style="padding-bottom:170px">
 	<!-- wp:site-logo /-->
 	<!-- wp:site-title /-->
 	<!-- wp:site-tagline {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"20px"},"margin":{"right":"auto"}}},"fontSize":"tiny"} /-->
 	<!-- wp:navigation {"isResponsive":true,"__unstableLocation":"primary"} /-->
 </header>
-<!-- /wp:group -->
\ No newline at end of file
+<!-- /wp:group -->

From 5b91130b5e5fdd2a026d1635d50bd6240f149846 Mon Sep 17 00:00:00 2001
From: Ben Dwyer <ben@scruffian.com>
Date: Fri, 27 Aug 2021 09:57:07 +0100
Subject: [PATCH 4/7] simplify margins on post-meta

---
 blockbase/assets/ponyfill.css     | 1 -
 blockbase/sass/base/_mixins.scss  | 3 +--
 quadrat/assets/theme.css          | 6 ------
 quadrat/sass/templates/_meta.scss | 2 --
 4 files changed, 1 insertion(+), 11 deletions(-)

diff --git a/blockbase/assets/ponyfill.css b/blockbase/assets/ponyfill.css
index 5bfadfcfd1..cacbb1e757 100644
--- a/blockbase/assets/ponyfill.css
+++ b/blockbase/assets/ponyfill.css
@@ -816,7 +816,6 @@ p.has-background {
 .post-meta .taxonomy-post_tag,
 .post-meta .taxonomy-category {
 	display: flex;
-	margin-right: calc(2 * var(--wp--custom--margin--baseline));
 }
 
 .post-meta .wp-block-post-author:before,
diff --git a/blockbase/sass/base/_mixins.scss b/blockbase/sass/base/_mixins.scss
index 273759427e..f9d5120205 100644
--- a/blockbase/sass/base/_mixins.scss
+++ b/blockbase/sass/base/_mixins.scss
@@ -15,7 +15,6 @@
 
 @mixin post-meta-icon {
 	display: flex;
-	margin-right: calc(2 * var(--wp--custom--margin--baseline) );
 	&:before {
 		align-self: center;
 		content: '';
@@ -29,4 +28,4 @@
 		-webkit-mask-repeat: no-repeat;
 		background-color: currentColor;
 	}
-}
\ No newline at end of file
+}
diff --git a/quadrat/assets/theme.css b/quadrat/assets/theme.css
index bd2d07c157..f1f851aba7 100644
--- a/quadrat/assets/theme.css
+++ b/quadrat/assets/theme.css
@@ -647,18 +647,12 @@ textarea:focus {
 	display: none;
 }
 
-.post-meta > *,
-.post-meta .wp-block-post-date {
-	margin: 0 8px;
-}
-
 .post-meta > *::before,
 .post-meta .wp-block-post-date::before {
 	content: "";
 }
 
 .post-meta .wp-block-post-terms {
-	margin-left: 0;
 	color: transparent;
 }
 
diff --git a/quadrat/sass/templates/_meta.scss b/quadrat/sass/templates/_meta.scss
index 4871fd1c86..c703a04711 100644
--- a/quadrat/sass/templates/_meta.scss
+++ b/quadrat/sass/templates/_meta.scss
@@ -12,14 +12,12 @@
 
 	> *,
 	.wp-block-post-date {
-		margin: 0 8px;
 		&::before {
 			content: "";
 		}
 	}
 
 	.wp-block-post-terms {
-		margin-left: 0;
 		&::before {
 			color: var(--wp--custom--color--foreground);
 			content: "·";

From e8f5f134b4c91e16aa09907a8fb60852c3eb36c1 Mon Sep 17 00:00:00 2001
From: Ben Dwyer <ben@scruffian.com>
Date: Fri, 27 Aug 2021 10:18:12 +0100
Subject: [PATCH 5/7] Switch to use vertical margins

---
 blockbase/theme.json      | 2 +-
 mayland-blocks/theme.json | 2 +-
 quadrat/theme.json        | 2 +-
 seedlet-blocks/theme.json | 2 +-
 skatepark/theme.json      | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/blockbase/theme.json b/blockbase/theme.json
index 331c9f7590..cdd40171d0 100644
--- a/blockbase/theme.json
+++ b/blockbase/theme.json
@@ -564,7 +564,7 @@
 			}
 		},
 		"spacing": {
-			"blockGap": "var(--wp--custom--margin--horizontal)"
+			"blockGap": "var(--wp--custom--margin--vertical)"
 		},
 		"typography": {
 			"lineHeight": "var(--wp--custom--body--typography--line-height)",
diff --git a/mayland-blocks/theme.json b/mayland-blocks/theme.json
index 6e7933cd17..986a1b5a7c 100644
--- a/mayland-blocks/theme.json
+++ b/mayland-blocks/theme.json
@@ -593,7 +593,7 @@
 			}
 		},
 		"spacing": {
-			"blockGap": "var(--wp--custom--margin--horizontal)"
+			"blockGap": "var(--wp--custom--margin--vertical)"
 		},
 		"typography": {
 			"lineHeight": "var(--wp--custom--body--typography--line-height)",
diff --git a/quadrat/theme.json b/quadrat/theme.json
index 4e9673d3fb..d56db3e00e 100644
--- a/quadrat/theme.json
+++ b/quadrat/theme.json
@@ -669,7 +669,7 @@
 			}
 		},
 		"spacing": {
-			"blockGap": "var(--wp--custom--margin--horizontal)"
+			"blockGap": "var(--wp--custom--margin--vertical)"
 		},
 		"typography": {
 			"lineHeight": "var(--wp--custom--body--typography--line-height)",
diff --git a/seedlet-blocks/theme.json b/seedlet-blocks/theme.json
index a9b8fa8a38..47c67ab9f0 100644
--- a/seedlet-blocks/theme.json
+++ b/seedlet-blocks/theme.json
@@ -627,7 +627,7 @@
 			}
 		},
 		"spacing": {
-			"blockGap": "var(--wp--custom--margin--horizontal)"
+			"blockGap": "var(--wp--custom--margin--vertical)"
 		},
 		"typography": {
 			"lineHeight": "var(--wp--custom--body--typography--line-height)",
diff --git a/skatepark/theme.json b/skatepark/theme.json
index 80f6484efc..610d1d14b5 100644
--- a/skatepark/theme.json
+++ b/skatepark/theme.json
@@ -650,7 +650,7 @@
 			}
 		},
 		"spacing": {
-			"blockGap": "var(--wp--custom--margin--horizontal)"
+			"blockGap": "var(--wp--custom--margin--vertical)"
 		},
 		"typography": {
 			"lineHeight": "var(--wp--custom--body--typography--line-height)",

From ae9b8cf78e8e73723c7cdf53a52592d3ab89eb14 Mon Sep 17 00:00:00 2001
From: Jason Crist <jcrist@pbking.com>
Date: Mon, 30 Aug 2021 12:23:41 -0400
Subject: [PATCH 6/7] left-aligned post-meta

---
 skatepark/assets/theme.css              | 1 +
 skatepark/sass/elements/_post-meta.scss | 1 +
 2 files changed, 2 insertions(+)

diff --git a/skatepark/assets/theme.css b/skatepark/assets/theme.css
index 0475eb4a6f..b5883bb323 100644
--- a/skatepark/assets/theme.css
+++ b/skatepark/assets/theme.css
@@ -509,6 +509,7 @@ a:not(.ab-item):not(.screen-reader-shortcut):focus {
 
 .post-meta {
 	flex-direction: column;
+	align-items: start !important;
 }
 
 .post-meta .wp-block-post-date,
diff --git a/skatepark/sass/elements/_post-meta.scss b/skatepark/sass/elements/_post-meta.scss
index eb23628aee..b8d9724404 100644
--- a/skatepark/sass/elements/_post-meta.scss
+++ b/skatepark/sass/elements/_post-meta.scss
@@ -1,5 +1,6 @@
 .post-meta {
 	flex-direction: column;
+	align-items: start !important;
 
 	.wp-block-post-date,
 	.taxonomy-category,

From d10d84efdf38c8401f35f86e7aef05d681f30c5d Mon Sep 17 00:00:00 2001
From: Jason Crist <jcrist@pbking.com>
Date: Mon, 30 Aug 2021 12:49:28 -0400
Subject: [PATCH 7/7] Fixed post-meta alignment a better way.  Reduced vertical
 gap.

---
 skatepark/assets/theme.css              | 5 +++--
 skatepark/sass/elements/_post-meta.scss | 7 +++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/skatepark/assets/theme.css b/skatepark/assets/theme.css
index b5883bb323..5ce1760163 100644
--- a/skatepark/assets/theme.css
+++ b/skatepark/assets/theme.css
@@ -507,9 +507,10 @@ a:not(.ab-item):not(.screen-reader-shortcut):focus {
 	text-decoration: none;
 }
 
-.post-meta {
+.post-meta.wp-block-group {
 	flex-direction: column;
-	align-items: start !important;
+	align-items: start;
+	gap: .5em;
 }
 
 .post-meta .wp-block-post-date,
diff --git a/skatepark/sass/elements/_post-meta.scss b/skatepark/sass/elements/_post-meta.scss
index b8d9724404..a87eafb969 100644
--- a/skatepark/sass/elements/_post-meta.scss
+++ b/skatepark/sass/elements/_post-meta.scss
@@ -1,6 +1,9 @@
 .post-meta {
-	flex-direction: column;
-	align-items: start !important;
+	&.wp-block-group {
+		flex-direction: column;
+		align-items: start;
+		gap: .5em;
+	}
 
 	.wp-block-post-date,
 	.taxonomy-category,