From 2e84957bab1d2008469192c20374caef02ed1916 Mon Sep 17 00:00:00 2001
From: Hans van Luttikhuizen-Ross <pindab0ter@me.com>
Date: Tue, 9 Apr 2024 17:22:01 +0200
Subject: [PATCH] Improve layout

---
 layouts/partials/dark-mode-toggle.html | 2 +-
 layouts/partials/header.html           | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/layouts/partials/dark-mode-toggle.html b/layouts/partials/dark-mode-toggle.html
index 54dfd84..506c1be 100644
--- a/layouts/partials/dark-mode-toggle.html
+++ b/layouts/partials/dark-mode-toggle.html
@@ -1,5 +1,5 @@
 <div
-  class="fixed right-6 top-16 z-50 flex h-10 w-10 cursor-pointer justify-center rounded-full border-accent-dark-500 bg-gray-50 align-middle dark:bg-gray-800"
+  class="fixed right-4 top-16 z-50 flex h-10 w-10 cursor-pointer justify-center rounded-full border-accent-dark-500 bg-gray-50 align-middle dark:bg-gray-800"
   id="dark-mode-toggle"
 >
   <div class="mt-0.5 block text-accent-light-400 dark:text-accent-dark-400" id="dark-mode-system">
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index e23c7f0..8ec9bdb 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -16,9 +16,9 @@
     });
   </script>
 
-  <div class="mt-2 font-mono text-gray-700 dark:text-gray-200 ms-2" id="console"></div>
+  <div class="pt-2 font-mono text-gray-700 dark:text-gray-200 ms-2" id="console"></div>
 
-  <nav class="my-0 me-4 flex flex-col flex-nowrap justify-between sm:my-2 sm:flex-row">
+  <nav class="my-0 me-2 lg:me-4 flex flex-col flex-nowrap justify-between sm:my-2 sm:flex-row">
     <div class="flex flex-nowrap items-center justify-between">
       <div class="grid">
         <a