Merge pull request #4360 from Automattic/seedlet-blocks-footer-fix

Seedlet blocks: fix broken footer

seedlet-blocks/assets/theme.css

@@ -328,11 +328,17 @@ is passed all of the block attributes on the block definition in the template. *
 }
 
 .footer-credit {
-	display: flex;
 	font-family: var(--wp--preset--font-family--headings);
 	white-space: pre-wrap;
 }
 
+.footer-credit[class*="wp-container-"] {
+	margin-left: auto !important;
+	margin-right: auto !important;
+	padding: 0;
+	column-gap: 0;
+}
+
 .footer-credit > * {
 	align-self: center;
 	font-size: var(--wp--preset--font-size--small);

seedlet-blocks/block-template-parts/footer.html

@@ -2,22 +2,18 @@
 <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:group {"className":"footer-credit","layout":{"inherit":false}} -->
+<!-- wp:group {"className":"footer-credit","layout":{"type":"flex"}} -->
 <div class="wp-block-group footer-credit"><!-- wp:site-title {"level":0} /-->
 
-<!-- wp:paragraph -->
-<p>, </p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
-<p class="has-text-align-left has-small-font-size">Proudly Powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:group -->
+	<!-- wp:paragraph -->
+	<p>, </p>
+	<!-- /wp:paragraph -->
+	
+	<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
+	<p class="has-text-align-left has-small-font-size">Proudly Powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p>
+	<!-- /wp:paragraph --></div>
+	<!-- /wp:group -->
 
 <!-- wp:spacer {"height":30} -->
 <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->

seedlet-blocks/block-templates/index.html

@@ -18,4 +18,4 @@
 </div>
 <!-- /wp:query -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container"} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container","align":"full"} /-->

seedlet-blocks/sass/theme.scss

@@ -31,9 +31,14 @@
 }
 
 .footer-credit {
-	display: flex;
 	font-family: var(--wp--preset--font-family--headings);
 	white-space: pre-wrap;
+	&[class*="wp-container-"] {
+		margin-left: auto !important;
+		margin-right: auto !important;
+		padding: 0;
+		column-gap: 0;
+	}
 }
 
 .footer-credit > * {