Videomaker: Reduce header spacing on header-footer-only template (#4921)

* Reduce header spacing on header footer only template

* Replace padding with spacer

* Add spacing to top of main container on header-footer-only template

videomaker/block-template-parts/header.html

@@ -1,5 +1,5 @@
-<!-- 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:group {"tagName":"header","layout":{"type":"flex"},"className":"site-header"} -->
+<header class="wp-block-group site-header">
 	<!-- wp:site-logo /-->
 	<!-- wp:site-title /-->
 	<!-- wp:site-tagline /-->

videomaker/block-templates/header-footer-only.html

@@ -1,7 +1,7 @@
 <!-- wp:template-part {"area":"header","slug":"header","tagName":"header"} /-->
 
-<!-- wp:group {"tagName":"main"} -->
-<main class="wp-block-group">
+<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var(--wp--custom--gap--vertical)"}}}} -->
+<main class="wp-block-group" style="margin-top: var(--wp--custom--gap--vertical)">
 
 <!-- wp:post-content {"layout":{"inherit":true}} /-->
 </main>

videomaker/block-templates/index.html

@@ -1,5 +1,9 @@
 <!-- wp:template-part {"area":"header","slug":"header","tagName":"header"} /-->
 
+<!-- wp:spacer {"height":170} -->
+<div style="height:170px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
 <!-- wp:query {"tagName":"main","layout":{"inherit":true}} -->
 <main class="wp-block-query">
 <!-- wp:query-title {"type":"archive","style":{"spacing":{"margin":{"bottom":"100px"}}}} /-->

videomaker/block-templates/page.html

@@ -1,5 +1,9 @@
 <!-- wp:template-part {"area":"header","slug":"header","tagName":"header"} /-->
 
+<!-- wp:spacer {"height":170} -->
+<div style="height:170px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
 <!-- wp:group {"layout":{"inherit":true}} -->
 <div class="wp-block-group">
 	<!-- wp:post-title /-->

videomaker/block-templates/search.html

@@ -1,5 +1,9 @@
 <!-- wp:template-part {"area":"header","slug":"header","tagName":"header"} /-->
 
+<!-- wp:spacer {"height":170} -->
+<div style="height:170px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
 <!-- wp:group {"layout":{"inherit":true},"tagName":"main"} -->
 <main class="wp-block-group">
 

videomaker/block-templates/single.html

@@ -1,5 +1,9 @@
 <!-- wp:template-part {"area":"header","slug":"header","tagName":"header"} /-->
 
+<!-- wp:spacer {"height":170} -->
+<div style="height:170px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
 <!-- wp:group {"layout":{"inherit":true}} -->
 <div class="wp-block-group">
 <!-- wp:post-title /-->