Social menu and site logo adjustments.

spearhead/assets/sass/_header.scss

@@ -49,12 +49,21 @@ $site-branding-height: 68px;
 				text-shadow: none;
 			}
 		}
+
+		.site-logo {
+			margin-left: 0;
+			margin-top: 0;
+		}
 	}
 
 	.primary-navigation {
 		flex-grow: 4;
 		margin-top: 0;
 
+		.primary-menu-container {
+			margin-bottom: calc( .5 * var(--global--spacing-vertical) );
+		}
+
 		@include media( laptop-only ){ // TODO - use $navigation-max-break-point variable
 			.primary-menu-container {
 				.admin-bar & {
@@ -130,12 +139,16 @@ $site-branding-height: 68px;
 			}
 		}
 
-		.menu-item > a {
-			padding: 0;
+		.menu-item {
+			width: auto;
 
-			&:hover {
-				border-color: var(--primary-nav--color-border);
-				color: var(--primary-nav--color-link-hover);
+			> a {
+				padding: 0;
+
+				&:hover {
+					border-color: var(--primary-nav--color-border);
+					color: var(--primary-nav--color-link-hover);
+				}
 			}
 		}
 	}

spearhead/style-rtl.css

@@ -241,11 +241,20 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	text-shadow: none;
 }
 
+.site-header .site-branding .site-logo {
+	margin-right: 0;
+	margin-top: 0;
+}
+
 .site-header .primary-navigation {
 	flex-grow: 4;
 	margin-top: 0;
 }
 
+.site-header .primary-navigation .primary-menu-container {
+	margin-bottom: calc( .5 * var(--global--spacing-vertical));
+}
+
 @media only screen and (max-width: 829px) {
 	.admin-bar .site-header .primary-navigation .primary-menu-container {
 		top: 114px;
@@ -318,6 +327,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	}
 }
 
+.site-header .social-navigation .menu-item {
+	width: auto;
+}
+
 .site-header .social-navigation .menu-item > a {
 	padding: 0;
 }

spearhead/style.css

@@ -241,11 +241,20 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	text-shadow: none;
 }
 
+.site-header .site-branding .site-logo {
+	margin-left: 0;
+	margin-top: 0;
+}
+
 .site-header .primary-navigation {
 	flex-grow: 4;
 	margin-top: 0;
 }
 
+.site-header .primary-navigation .primary-menu-container {
+	margin-bottom: calc( .5 * var(--global--spacing-vertical));
+}
+
 @media only screen and (max-width: 829px) {
 	.admin-bar .site-header .primary-navigation .primary-menu-container {
 		top: 114px;
@@ -318,6 +327,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	}
 }
 
+.site-header .social-navigation .menu-item {
+	width: auto;
+}
+
 .site-header .social-navigation .menu-item > a {
 	padding: 0;
 }