From 1f91835fe6f93b8ea8874cd050db790dee36f0d4 Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <opensource@fthiessen.de>
Date: Thu, 6 Apr 2023 15:05:31 +0200
Subject: [PATCH] Fix navigation for small screens

* Remove wrong border radius
* Fix overflowing content

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
---
 assets/css/responsiveness.scss | 5 ++++-
 assets/js/index.js             | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/assets/css/responsiveness.scss b/assets/css/responsiveness.scss
index 5f70f11..94ac356 100644
--- a/assets/css/responsiveness.scss
+++ b/assets/css/responsiveness.scss
@@ -10,9 +10,12 @@
     position: fixed;
     top: 0px;
     left: 0px;
+    flex-wrap: wrap;
+    max-width: 100vw;
+    width: fit-content;
     z-index: 99999;
     background: var(--color-background);
-    width: 100%;
+    border-radius: 0;
     text-align: center;
     padding: 4px;
   }
diff --git a/assets/js/index.js b/assets/js/index.js
index 43eb78e..bf3859f 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -67,7 +67,7 @@ var $sitehead = $("#site-head");
         if (w >= Math.floor(g) && w <= Math.ceil(h)) {
           $(".fixed-nav").fadeOut("fast");
         } else if ($(window).width() > 500) {
-          $(".fixed-nav").fadeIn("fast");
+          $(".fixed-nav").css("display", "flex").fadeIn("fast");
         }
 
         $post.each(function () {