Videomaker: Update navigation to be left-aligned (#4879)

* Left-align nav instead of center

* Reduce menu item spacing

* Increase space between social links

* Use default spacing for social links

videomaker/assets/theme.css

@@ -65,30 +65,22 @@ div.post-meta a {
 }
 
 .wp-block-navigation.is-style-blockbase-navigation-improved-responsive.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__container {
-	align-items: center;
 	row-gap: 1rem;
 }
 
 .wp-block-navigation.is-style-blockbase-navigation-improved-responsive.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
-	align-items: center;
-	row-gap: 0.8rem;
+	row-gap: 0rem;
 }
 
 .wp-block-navigation.is-style-blockbase-navigation-improved-responsive.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item.current-menu-item > a {
 	text-decoration: underline;
 }
 
-.wp-block-navigation.is-style-blockbase-navigation-improved-responsive.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container {
-	padding-left: 0;
-	padding-right: 0;
-}
-
 .wp-block-navigation.is-style-blockbase-navigation-improved-responsive.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
 	justify-content: space-between;
 }
 
 .wp-block-navigation.is-style-blockbase-navigation-improved-responsive.is-responsive .is-menu-open.wp-block-navigation__responsive-container ul.wp-block-social-links {
-	justify-content: center;
 	padding-bottom: calc( var(--wp--custom--gap--vertical) * 2);
 }
 

videomaker/sass/_navigation.scss

@@ -6,32 +6,22 @@
 .wp-block-navigation.is-style-blockbase-navigation-improved-responsive {
 	&.is-responsive .is-menu-open.wp-block-navigation__responsive-container {
 		.wp-block-navigation__container {
-			align-items: center;
 			row-gap: 1rem;
 		}
 
 		.wp-block-navigation__responsive-container-content { // Needed for specificity to beat the navigation block CSS
 			.wp-block-navigation-item {
-				align-items: center;
-				row-gap: 0.8rem;
+				row-gap: 0rem;
 
 				&.current-menu-item > a {
 					text-decoration: underline;
 				}
-
-				&.has-child {
-					.wp-block-navigation__submenu-container {
-						padding-left: 0;
-						padding-right: 0;
-					}
-				}
 			}
 		}
 		.wp-block-navigation__responsive-container-content {
 			justify-content: space-between;
 		}
 		ul.wp-block-social-links {
-			justify-content: center;
 			padding-bottom: calc( var(--wp--custom--gap--vertical) * 2 );
 		}
 	}