From 61f7045f701b77b7c4a7be0634511a3ac75fe3ba Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 18:54:22 +0200
Subject: [PATCH 01/13] Fixed Header overflow in mobile biew

---
 src/lib/components/Header.svelte | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index 75984f4..6245b5c 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -61,4 +61,11 @@
 		float: left;
 		clear: both;
 	}
+
+
+@media screen and (max-width: 550px) {
+	header h1 {
+		font-size: 20px;
+	}
+}
 </style>

From 5a5f6d3e376484fe43910aa1460b42cbea628f54 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 18:54:48 +0200
Subject: [PATCH 02/13] Offloaded Navbar listbuilder to new component

---
 src/lib/components/Navbar.svelte | 74 ++------------------------------
 1 file changed, 4 insertions(+), 70 deletions(-)

diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 36ea4b3..4d05883 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -1,80 +1,14 @@
 <script>
-	// @ts-nocheck
-
-	let data = import.meta.glob("/src/routes/**/+page.md");
-	let paths = data;
-
-	/**
-	 * @param {Record<string, () => Promise<unknown>>} paths
-	 */
-	function buildHierarchy(paths) {
-		const nestedList = {};
-		let fixedpaths = [];
-		/**
-		 * @type {string[]}
-		 */
-		let fixedpaths2 = [];
-		fixedpaths = Object.keys(paths);
-		fixedpaths.forEach((path) => {
-			const fixedpath = path
-				.replace("/+page.md", "")
-				.replace("/src/routes", "");
-			fixedpaths2.push(fixedpath);
-		});
-		fixedpaths2.forEach((folder) => {
-			const parts = folder.split("/").filter(Boolean);
-			let currentNode = nestedList;
-
-			parts.forEach((part) => {
-				if (!currentNode[part]) {
-					currentNode[part] = {};
-				}
-				currentNode = currentNode[part];
-			});
-		});
-
-		return nestedList;
-	}
-
-	const nestedFolders = buildHierarchy(paths);
-
-	function createHtmlList(obj, parentPath = "", depth = 0) {
-		let html = "";
-
-		for (const key in obj) {
-			const currentPath = parentPath ? `${parentPath}/${key}` : key;
-
-			if (
-				typeof obj[key] === "object" &&
-				Object.keys(obj[key]).length > 0
-			) {
-				// If the value is an object and not empty, create a nested div
-				html += `
-          	<li><h${depth + 3}><a href="/${currentPath}">${key}</a></h${
-					depth + 3
-				}></li>
-            <ul>
-              ${createHtmlList(obj[key], currentPath, depth + 1)}
-            </ul>
-        `;
-			} else {
-				// If the value is not an object or empty, create a clickable list item
-				html += `<li><a href="/${currentPath}">${key}</a></li>`;
-			}
-		}
-
-		return html;
-	}
-
-	//const renderedList = `<ul>${renderNestedList(nestedFolders)}</ul>`;
-	let renderedList = createHtmlList(nestedFolders);
+	import NavbarList from "./NavbarList.svelte";
 </script>
 
 <div class="container navbar">
 	<div class="row">
 		<div class="col-md-12">
 			<h2>Pages</h2>
-			{@html renderedList}
+			<div class="navbar-links">
+				<NavbarList />
+			</div>
 		</div>
 	</div>
 </div>

From 5108c42eb2d44213233c7f65991a380d010183a2 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 18:55:07 +0200
Subject: [PATCH 03/13] Added new Component for Navbar Listbuilder

---
 src/lib/components/NavbarList.svelte | 73 ++++++++++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 src/lib/components/NavbarList.svelte

diff --git a/src/lib/components/NavbarList.svelte b/src/lib/components/NavbarList.svelte
new file mode 100644
index 0000000..89726f1
--- /dev/null
+++ b/src/lib/components/NavbarList.svelte
@@ -0,0 +1,73 @@
+<script>
+	// @ts-nocheck
+
+	let data = import.meta.glob("/src/routes/**/+page.md");
+	let paths = data;
+
+	/**
+	 * @param {Record<string, () => Promise<unknown>>} paths
+	 */
+	function buildHierarchy(paths) {
+		const nestedList = {};
+		let fixedpaths = [];
+		/**
+		 * @type {string[]}
+		 */
+		let fixedpaths2 = [];
+		fixedpaths = Object.keys(paths);
+		fixedpaths.forEach((path) => {
+			const fixedpath = path
+				.replace("/+page.md", "")
+				.replace("/src/routes", "");
+			fixedpaths2.push(fixedpath);
+		});
+		fixedpaths2.forEach((folder) => {
+			const parts = folder.split("/").filter(Boolean);
+			let currentNode = nestedList;
+
+			parts.forEach((part) => {
+				if (!currentNode[part]) {
+					currentNode[part] = {};
+				}
+				currentNode = currentNode[part];
+			});
+		});
+
+		return nestedList;
+	}
+
+	const nestedFolders = buildHierarchy(paths);
+
+	function createHtmlList(obj, parentPath = "", depth = 0) {
+		let html = "";
+
+		for (const key in obj) {
+			const currentPath = parentPath ? `${parentPath}/${key}` : key;
+
+			if (
+				typeof obj[key] === "object" &&
+				Object.keys(obj[key]).length > 0
+			) {
+				// If the value is an object and not empty, create a nested div
+				html += `
+          	<li><h${depth + 3}><a href="/${currentPath}">${key}</a></h${
+					depth + 3
+				}></li>
+            <ul>
+              ${createHtmlList(obj[key], currentPath, depth + 1)}
+            </ul>
+        `;
+			} else {
+				// If the value is not an object or empty, create a clickable list item
+				html += `<li><a href="/${currentPath}">${key}</a></li>`;
+			}
+		}
+
+		return html;
+	}
+
+	//const renderedList = `<ul>${renderNestedList(nestedFolders)}</ul>`;
+	let renderedList = createHtmlList(nestedFolders);
+</script>
+
+{@html renderedList}
\ No newline at end of file

From 232d9421c66d3c47176b220bf3392e3fed6f55c0 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 18:56:22 +0200
Subject: [PATCH 04/13] Fixed mobile view proposal

---
 src/lib/styles/style.css | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/lib/styles/style.css b/src/lib/styles/style.css
index 3973525..83ceebe 100644
--- a/src/lib/styles/style.css
+++ b/src/lib/styles/style.css
@@ -73,7 +73,7 @@ main {
 .navbar {
 	float: left;
 	padding: 2rem;
-	min-width: 300px;
+	min-width: 200px;
 	margin-right: 2rem;
 	font-size: 1.2rem;
 }
@@ -124,4 +124,21 @@ details {
 
 details a {
 	padding-left: 0.5rem;
-}
\ No newline at end of file
+}
+
+.content {
+	margin-left: 0;
+	overflow: scroll;
+	white-space: initial;
+}
+
+@media screen and (max-width: 900px) {
+	.container {
+		flex-direction: column;
+	}
+
+	.content {
+		margin-left: 32px;
+		margin-top: 0;
+	}
+}

From 45e2657cd1638cbadb5b335f18f6dd959c8abcf4 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 18:56:34 +0200
Subject: [PATCH 05/13] Removed garbage code

---
 src/routes/+layout.svelte | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 5400519..8f4c01c 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,23 +2,16 @@
     import Header from "$lib/components/Header.svelte";
     import Footer from "$lib/components/Footer.svelte";
     import Navbar from "$lib/components/Navbar.svelte";
+
 </script>
 
 <div style="height:2rem" />
 <Header />
 <div class="container">
     <div class="column"><Navbar /></div>
-    <div class="column content flex_grow" style="margin-left: 0;">
+    <div class="column content flex_grow">
         <main>
             <slot />
-            <!-- Please god forgive me -->
-            <h1
-                style="color: var(--container-background-color);margin:0;padding:0"
-                class="unselectable"
-            >
-                YOU CANT SEE THIS YOU CANT SEE THIS YOU CANT SEE THIS YOU CANT
-                SEE THIS
-            </h1>
         </main>
     </div>
 </div>

From 1799f16ac5fe450419ce2571a6ade4edc3854229 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 19:09:46 +0200
Subject: [PATCH 06/13] Added extra small screen layout

---
 src/lib/components/Footer.svelte | 9 ++++++++-
 src/lib/components/Header.svelte | 7 ++++++-
 src/lib/styles/style.css         | 8 ++++++++
 src/routes/+layout.svelte        | 2 --
 4 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index de87062..8bfaa5f 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -27,7 +27,7 @@
 	footer {
 		padding: 1rem;
 		margin: 2rem;
-		margin-bottom: 0;
+		margin-bottom: 2rem;
 		margin-top: 0;
 		background: var(--container-background-color);
 		display: flex;
@@ -54,4 +54,11 @@
 		align-items: center;
 		font-size: 20px;
 	}
+
+	@media (max-width: 550px) {
+		footer {
+			margin: 0;
+			border-radius: 0;
+		}
+	}
 </style>
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index 6245b5c..77b2af9 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -19,7 +19,7 @@
 	header {
 		padding: 1rem;
 		margin: 2rem;
-		margin-top: 0;
+		margin-top: 2rem;
 		margin-bottom: 0;
 		background: rgb(0, 255, 0);
 		display: flex;
@@ -67,5 +67,10 @@
 	header h1 {
 		font-size: 20px;
 	}
+
+	header {
+		margin: 0;
+		border-radius: 0;
+	}
 }
 </style>
diff --git a/src/lib/styles/style.css b/src/lib/styles/style.css
index 83ceebe..f970c5a 100644
--- a/src/lib/styles/style.css
+++ b/src/lib/styles/style.css
@@ -142,3 +142,11 @@ details a {
 		margin-top: 0;
 	}
 }
+
+@media screen and (max-width: 550px) {
+	.column {
+		margin: 0;
+		margin-bottom: 1rem;
+		border-radius: 0;
+	}
+}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 8f4c01c..f47681f 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -5,7 +5,6 @@
 
 </script>
 
-<div style="height:2rem" />
 <Header />
 <div class="container">
     <div class="column"><Navbar /></div>
@@ -17,4 +16,3 @@
 </div>
 
 <Footer />
-<div style="height:2rem" />

From 390f5faa6b393a171127a7039d640ba8b316ba7c Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 19:22:09 +0200
Subject: [PATCH 07/13] Fixed width issue

Fixed an issue where the paddings/margins were too big on the ultra-small layout
---
 src/lib/styles/style.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/lib/styles/style.css b/src/lib/styles/style.css
index f970c5a..1d3439e 100644
--- a/src/lib/styles/style.css
+++ b/src/lib/styles/style.css
@@ -149,4 +149,11 @@ details a {
 		margin-bottom: 1rem;
 		border-radius: 0;
 	}
+
+	main {
+		margin: 0;
+		padding: 15px;
+		margin-bottom: 1rem;
+		border-radius: 0;
+	}
 }

From 10e669a7257cb8f5961f5b6397048780b3fe2ad4 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 19:29:33 +0200
Subject: [PATCH 08/13] Code Refactor

---
 src/lib/components/Header.svelte     |  26 ++++---
 src/lib/components/NavbarList.svelte | 110 +++++++++++++--------------
 src/lib/styles/style.css             |   2 +-
 src/routes/+layout.svelte            |   1 -
 4 files changed, 72 insertions(+), 67 deletions(-)

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index 77b2af9..97c1d9d 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -9,7 +9,14 @@
 	<nav>
 		<ul>
 			<li>
-				<a href="https://jonasjones.dev/"><img style="padding-top: 7px;" src="/homepage.png" height="30px" alt="Homepage"></a>
+				<a href="https://jonasjones.dev/"
+					><img
+						style="padding-top: 7px;"
+						src="/homepage.png"
+						height="30px"
+						alt="Homepage"
+					/></a
+				>
 			</li>
 		</ul>
 	</nav>
@@ -62,15 +69,14 @@
 		clear: both;
 	}
 
+	@media screen and (max-width: 550px) {
+		header h1 {
+			font-size: 20px;
+		}
 
-@media screen and (max-width: 550px) {
-	header h1 {
-		font-size: 20px;
+		header {
+			margin: 0;
+			border-radius: 0;
+		}
 	}
-
-	header {
-		margin: 0;
-		border-radius: 0;
-	}
-}
 </style>
diff --git a/src/lib/components/NavbarList.svelte b/src/lib/components/NavbarList.svelte
index 89726f1..5cd78a8 100644
--- a/src/lib/components/NavbarList.svelte
+++ b/src/lib/components/NavbarList.svelte
@@ -1,73 +1,73 @@
 <script>
-	// @ts-nocheck
+    // @ts-nocheck
 
-	let data = import.meta.glob("/src/routes/**/+page.md");
-	let paths = data;
+    let data = import.meta.glob("/src/routes/**/+page.md");
+    let paths = data;
 
-	/**
-	 * @param {Record<string, () => Promise<unknown>>} paths
-	 */
-	function buildHierarchy(paths) {
-		const nestedList = {};
-		let fixedpaths = [];
-		/**
-		 * @type {string[]}
-		 */
-		let fixedpaths2 = [];
-		fixedpaths = Object.keys(paths);
-		fixedpaths.forEach((path) => {
-			const fixedpath = path
-				.replace("/+page.md", "")
-				.replace("/src/routes", "");
-			fixedpaths2.push(fixedpath);
-		});
-		fixedpaths2.forEach((folder) => {
-			const parts = folder.split("/").filter(Boolean);
-			let currentNode = nestedList;
+    /**
+     * @param {Record<string, () => Promise<unknown>>} paths
+     */
+    function buildHierarchy(paths) {
+        const nestedList = {};
+        let fixedpaths = [];
+        /**
+         * @type {string[]}
+         */
+        let fixedpaths2 = [];
+        fixedpaths = Object.keys(paths);
+        fixedpaths.forEach((path) => {
+            const fixedpath = path
+                .replace("/+page.md", "")
+                .replace("/src/routes", "");
+            fixedpaths2.push(fixedpath);
+        });
+        fixedpaths2.forEach((folder) => {
+            const parts = folder.split("/").filter(Boolean);
+            let currentNode = nestedList;
 
-			parts.forEach((part) => {
-				if (!currentNode[part]) {
-					currentNode[part] = {};
-				}
-				currentNode = currentNode[part];
-			});
-		});
+            parts.forEach((part) => {
+                if (!currentNode[part]) {
+                    currentNode[part] = {};
+                }
+                currentNode = currentNode[part];
+            });
+        });
 
-		return nestedList;
-	}
+        return nestedList;
+    }
 
-	const nestedFolders = buildHierarchy(paths);
+    const nestedFolders = buildHierarchy(paths);
 
-	function createHtmlList(obj, parentPath = "", depth = 0) {
-		let html = "";
+    function createHtmlList(obj, parentPath = "", depth = 0) {
+        let html = "";
 
-		for (const key in obj) {
-			const currentPath = parentPath ? `${parentPath}/${key}` : key;
+        for (const key in obj) {
+            const currentPath = parentPath ? `${parentPath}/${key}` : key;
 
-			if (
-				typeof obj[key] === "object" &&
-				Object.keys(obj[key]).length > 0
-			) {
-				// If the value is an object and not empty, create a nested div
-				html += `
+            if (
+                typeof obj[key] === "object" &&
+                Object.keys(obj[key]).length > 0
+            ) {
+                // If the value is an object and not empty, create a nested div
+                html += `
           	<li><h${depth + 3}><a href="/${currentPath}">${key}</a></h${
-					depth + 3
-				}></li>
+                    depth + 3
+                }></li>
             <ul>
               ${createHtmlList(obj[key], currentPath, depth + 1)}
             </ul>
         `;
-			} else {
-				// If the value is not an object or empty, create a clickable list item
-				html += `<li><a href="/${currentPath}">${key}</a></li>`;
-			}
-		}
+            } else {
+                // If the value is not an object or empty, create a clickable list item
+                html += `<li><a href="/${currentPath}">${key}</a></li>`;
+            }
+        }
 
-		return html;
-	}
+        return html;
+    }
 
-	//const renderedList = `<ul>${renderNestedList(nestedFolders)}</ul>`;
-	let renderedList = createHtmlList(nestedFolders);
+    //const renderedList = `<ul>${renderNestedList(nestedFolders)}</ul>`;
+    let renderedList = createHtmlList(nestedFolders);
 </script>
 
-{@html renderedList}
\ No newline at end of file
+{@html renderedList}
diff --git a/src/lib/styles/style.css b/src/lib/styles/style.css
index 1d3439e..054968a 100644
--- a/src/lib/styles/style.css
+++ b/src/lib/styles/style.css
@@ -156,4 +156,4 @@ details a {
 		margin-bottom: 1rem;
 		border-radius: 0;
 	}
-}
+}
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index f47681f..f7341bd 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,7 +2,6 @@
     import Header from "$lib/components/Header.svelte";
     import Footer from "$lib/components/Footer.svelte";
     import Navbar from "$lib/components/Navbar.svelte";
-
 </script>
 
 <Header />

From 6c5f82ad31af7424950e9799ec56ccf6290b83e1 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 19:32:44 +0200
Subject: [PATCH 09/13] Added Dark-Reader extension lock

---
 src/app.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app.html b/src/app.html
index effe0d0..f611d74 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 	<head>
+		<meta name="darkreader-lock">
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width" />

From 3c3e128475955af1e985160bef3ac9183cee566a Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 19:36:36 +0200
Subject: [PATCH 10/13] Fixed Header title on ultra-thin layout

---
 src/lib/components/Header.svelte | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index 97c1d9d..b7c84cf 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -72,11 +72,14 @@
 	@media screen and (max-width: 550px) {
 		header h1 {
 			font-size: 20px;
+			float:none;
+			margin-left: 35px;
 		}
 
 		header {
 			margin: 0;
 			border-radius: 0;
+			text-align: left;
 		}
 	}
 </style>

From 6f855a9f4584370d0ddd1d8fa93d668ccd3529bd Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 19:40:44 +0200
Subject: [PATCH 11/13] Fixed Footer Style

Fixed an issue where the footer text would wrap in a wrong way on smaller screens and not be aligned correctly.
---
 src/lib/components/Footer.svelte | 39 +++++++++++++++++---------------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index 8bfaa5f..66bcffd 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -4,23 +4,25 @@
 
 <!-- Footer.svelte -->
 <footer>
-	<a href="/">Home</a>
+	<div class="footer-flex">
+		<a href="/">Home</a>
+		<nav>
+			<ul>
+				<li>
+					<a href="https://jonasjones.dev/">Homepage</a>
+				</li>
+				<li>
+					<a href="/about">About</a>
+				</li>
+				<li>
+					<a href="/contact">Contact</a>
+				</li>
+			</ul>
+		</nav>
+	</div>
 	<div class="footer">
 		<p>Website by Jonas_Jones 2021 - 2023</p>
 	</div>
-	<nav>
-		<ul>
-			<li>
-				<a href="https://jonasjones.dev/">Homepage</a>
-			</li>
-			<li>
-				<a href="/about">About</a>
-			</li>
-			<li>
-				<a href="/contact">Contact</a>
-			</li>
-		</ul>
-	</nav>
 </footer>
 
 <style>
@@ -30,10 +32,13 @@
 		margin-bottom: 2rem;
 		margin-top: 0;
 		background: var(--container-background-color);
+		border-radius: 0.5rem;
+	}
+
+	.footer-flex {
 		display: flex;
 		flex-wrap: wrap;
 		justify-content: space-between;
-		border-radius: 0.5rem;
 	}
 
 	ul {
@@ -49,10 +54,8 @@
 	}
 
 	.footer {
-		display: flex;
-		justify-content: center;
-		align-items: center;
 		font-size: 20px;
+		text-align: center;
 	}
 
 	@media (max-width: 550px) {

From 35138b59ecbf968c2c2be3ecdd9f36d671a1b3a1 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 19:43:43 +0200
Subject: [PATCH 12/13] Fixed style margin issue

---
 src/lib/components/NavbarList.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/NavbarList.svelte b/src/lib/components/NavbarList.svelte
index 5cd78a8..a2705be 100644
--- a/src/lib/components/NavbarList.svelte
+++ b/src/lib/components/NavbarList.svelte
@@ -50,7 +50,7 @@
             ) {
                 // If the value is an object and not empty, create a nested div
                 html += `
-          	<li><h${depth + 3}><a href="/${currentPath}">${key}</a></h${
+          	<li><h${depth + 3} style='margin:0'><a href="/${currentPath}">${key}</a></h${
                     depth + 3
                 }></li>
             <ul>

From 2b8ef74679183fef5172256c453fa845f87b38a7 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 19:45:47 +0200
Subject: [PATCH 13/13] Fixed another style related issue

---
 src/lib/components/Header.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index b7c84cf..013822f 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -73,7 +73,7 @@
 		header h1 {
 			font-size: 20px;
 			float:none;
-			margin-left: 35px;
+			padding-left: 40px;
 		}
 
 		header {