more fixes

assets/styles/components/nav-docs.scss

@@ -37,6 +37,9 @@
 		li {
 			line-height: 1.5;
 		}
+		.sub-menu {
+			margin-top: 0.5rem;
+		}
 		li::marker {
 			content: '→ ';
 		}

assets/styles/components/nav-header.scss

@@ -1,16 +0,0 @@
-.header-nav {
-	display: flex;
-	flex-flow: row wrap;
-	justify-content: center;
-	align-items: center;
-	.menu {
-		display: flex;
-		flex-flow: row wrap;
-		gap: 1em;
-		a {
-			display: flex;
-			align-items: center;
-			gap: 0.5em;
-		}
-	}
-}

assets/styles/components/site-footer.scss

@@ -2,11 +2,11 @@
 	display: flex;
 	align-items: center;
 	padding: 1em 0;
-}
+
-.site-footer hr {display: none;}
+	hr {display: none;}
-.site-footer .container {
+
+	.container {
 		display: flex;
-	justify-content: space-between;
 		flex-flow: row wrap;
 		gap: 1em;
 	}
@@ -16,3 +16,19 @@
 		flex-flow: row wrap;
 		gap: 1em;
 	}
+	
+	.social-nav {
+		.menu {
+			display: flex;
+			gap: 1rem;
+			a:after {
+				display: none;
+			}
+		}
+	}
+
+	a[href='#top'] {
+		margin-left: auto;
+	}
+	
+}

assets/styles/components/site-header.scss

@@ -32,3 +32,20 @@
 	justify-content: space-between;
 	gap: 1em;
 }
+
+.header-nav {
+	display: flex;
+	flex-flow: row wrap;
+	justify-content: center;
+	align-items: center;
+	.menu {
+		display: flex;
+		flex-flow: row wrap;
+		gap: 1em;
+		a {
+			display: flex;
+			align-items: center;
+			gap: 0.5em;
+		}
+	}
+}

assets/styles/features/search.scss

@@ -37,6 +37,8 @@
 	padding: 0.5rem 1rem;
 	margin-right: 0.5rem;
 	flex-shrink: 1;
+	height: 2rem;
+	box-sizing: border-box;
 }
 
 #search-submit {
@@ -45,4 +47,5 @@
 	background: var(--primary-accent);
 	color: var(--primary-accent-text);
 	border-radius: 4px;
+	height: 2rem;
 }

assets/styles/screen.scss

@@ -4,7 +4,6 @@
 @import "common/content";
 
 @import "components/site-header";
-@import "components/nav-header";
 @import "components/nav-docs";
 @import "components/site-footer";
 

layouts/partials/nav-social.html

@@ -0,0 +1,13 @@
+<nav class="social-nav">
+	<ul class="menu">
+		{{ $currentPage := . }}
+		{{ range .Site.Menus.social }}
+		<li
+			class='{{ .Identifier }}'>
+			<a href="{{ .URL }}">
+				{{ .Pre }}
+			</a>
+		</li>
+		{{ end }}
+	</ul>
+</nav>

layouts/partials/site-footer.html

@@ -2,6 +2,7 @@
 	<hr>
 	<div class="container">
 		{{ partial "nav-footer.html" . }}
+		{{ partial "nav-social.html" . }}
 		<a href="#top">back to top</a>
 	</div>
 </footer>