From 8cab5d3d5eab31a9e1815c839cf919fa8dc4f918 Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Fri, 28 Mar 2025 23:12:20 +0100
Subject: [PATCH] Zen style adjustments.

---
 assets/sass/_zen.scss                      | 11 +++--------
 assets/sass/components/header/_header.scss |  1 +
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/assets/sass/_zen.scss b/assets/sass/_zen.scss
index c20cac3..f78c2a8 100644
--- a/assets/sass/_zen.scss
+++ b/assets/sass/_zen.scss
@@ -109,18 +109,14 @@ article {
 // Navigation
 
 .main-menu {
-  margin-block-start: .75rem;
-  outline: 0;
-
-  li {
-    margin-block-end: .75rem;
-    padding: 0;
+  .page > & {
+    margin-block: var(--spacing-xs);
   }
 
   a {
     display: block;
     background-color: var(--color-button);
-    color: var(--color-text-bg);
+    color: var(--color-button-text);
     padding: 2px 8px;
     text-decoration: none;
 
@@ -131,7 +127,6 @@ article {
 
     &:active,
     &[aria-current] {
-      background-color: var(--color-button-hover);
       text-decoration: underline;
     }
   }
diff --git a/assets/sass/components/header/_header.scss b/assets/sass/components/header/_header.scss
index cbce184..a72f118 100644
--- a/assets/sass/components/header/_header.scss
+++ b/assets/sass/components/header/_header.scss
@@ -6,6 +6,7 @@
   display: flex;
   flex-direction: column;
   gap: var(--gutters);
+  align-items: center;
   background-color: var(--color-header-bg);
 
   @media (min-width: 666px) {