Leven: Fix font-size-sm font-family in the editor, fix site-branding layout in header

leven/sass/_extra-child-theme.scss

@@ -29,9 +29,11 @@ a {
  */
 
 .site-header {
+	align-items: center;
 	display: grid;
 	grid-template-columns: auto;
 	grid-template-rows: auto;
+	grid-column-gap: #{map-deep-get($config-global, "spacing", "unit")};
 	grid-template-areas:
 		"site-branding main-navigation"
 		" . social-navigation";
@@ -53,14 +55,6 @@ a {
 
 	.site-branding {
 		grid-area: site-branding;
-		display: flex;
-		justify-content: flex-start;
-		align-items: center;
-		flex: 1 0 auto;
-
-		.site-description {
-			padding-left: #{map-deep-get($config-global, "spacing", "unit")};
-		}
 	}
 
 	.main-navigation {

leven/sass/style-child-theme-editor.scss

@@ -36,6 +36,7 @@
 /**
  * Extras
  */
-.editor-post-title__input {
-	text-align: center;
+
+.has-small-font-size {
+	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
 }

leven/style-editor.css

@@ -712,6 +712,6 @@ table th,
 /**
  * Extras
  */
-.editor-post-title__input {
-	text-align: center;
+.has-small-font-size {
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }

leven/style-rtl.css

@@ -3141,9 +3141,11 @@ a {
  * Mobile-Menu-Only
  */
 .site-header {
+	align-items: center;
 	display: grid;
 	grid-template-columns: auto;
 	grid-template-rows: auto;
+	grid-column-gap: 16px;
 	grid-template-areas: "site-branding main-navigation" " . social-navigation";
 }
 
@@ -3163,14 +3165,6 @@ a {
 
 .site-header .site-branding {
 	grid-area: site-branding;
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;
-	flex: 1 0 auto;
-}
-
-.site-header .site-branding .site-description {
-	padding-right: 16px;
 }
 
 .site-header .main-navigation {

leven/style.css

@@ -3146,9 +3146,11 @@ a {
  * Mobile-Menu-Only
  */
 .site-header {
+	align-items: center;
 	display: grid;
 	grid-template-columns: auto;
 	grid-template-rows: auto;
+	grid-column-gap: 16px;
 	grid-template-areas: "site-branding main-navigation" " . social-navigation";
 }
 
@@ -3168,14 +3170,6 @@ a {
 
 .site-header .site-branding {
 	grid-area: site-branding;
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;
-	flex: 1 0 auto;
-}
-
-.site-header .site-branding .site-description {
-	padding-left: 16px;
 }
 
 .site-header .main-navigation {