From 3c6822bb50d18a7cc5e24a8352a01481a6ab71ef Mon Sep 17 00:00:00 2001
From: Michael Fabian 'Xaymar' Dirks <info@xaymar.com>
Date: Mon, 3 Apr 2023 23:08:26 +0200
Subject: [PATCH] Fix title and menu styling

Menus were not properly aligned after the shift in line-height, and titles would get really small.
---
 _sass/_article.scss | 1 +
 _sass/_base.scss    | 2 ++
 _sass/_blocks.scss  | 2 --
 _sass/_header.scss  | 6 ++++--
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/_sass/_article.scss b/_sass/_article.scss
index 653e9dd..57ac830 100644
--- a/_sass/_article.scss
+++ b/_sass/_article.scss
@@ -18,6 +18,7 @@ article > .title {
 	font-weight: bold;
 	white-space: normal;
 	letter-spacing: 0.05ch;
+	line-height: 1.25em;
 	background: $theme-article-title-background;
 	color: $theme-article-title-color;
 }
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 64da97f..986ee11 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -73,6 +73,8 @@ body {
 
 	// Font
 	font-size: 1.1rem;
+	line-height: 1.5em;
+	word-spacing: 0.05em;
 	font-family: "Roboto", sans-serif;
 	text-rendering: optimizelegibility;
 	color: $theme-content-color;
diff --git a/_sass/_blocks.scss b/_sass/_blocks.scss
index 02a15fb..c1325da 100644
--- a/_sass/_blocks.scss
+++ b/_sass/_blocks.scss
@@ -6,8 +6,6 @@
 	margin: 0;
 	overflow: auto;
 	text-align: start;
-	line-height: 1.5em;
-	word-spacing: 0.05em;
 }
 
 .block + .block {
diff --git a/_sass/_header.scss b/_sass/_header.scss
index 1e42098..3f96a08 100644
--- a/_sass/_header.scss
+++ b/_sass/_header.scss
@@ -178,6 +178,7 @@
 
 	#navigation .menu > .entry {
 		/* Menu - Entry Style */
+		position: relative;
 		display: block;
 		margin: 0;
 		padding: 0;
@@ -230,7 +231,8 @@
 	#navigation .has-menu > .menu > .has-menu > .menu {
 		/* Menu - Sub-Menu in Sub-Menu */
 		left: calc(100% - .5em);
-		margin-top: -2.75em;
+		top: 0;
+		margin-top: -.25em;
 		z-index: 2;
 	}
 
@@ -254,7 +256,7 @@
 		background: transparent;
 	}
 	#navigation > .menu > .has-menu > .menu {
-		top: 2.0em;
+		top: 3.0em;
 	}
 	#navigation > .menu > .entry > .item {
 		padding: .5em .25em;