From 154a57d9128d1fdd76a6975de9b8eeacdff2a8fc Mon Sep 17 00:00:00 2001
From: Petri Partio <petri.partio@gmail.com>
Date: Thu, 30 May 2024 19:06:59 +0300
Subject: [PATCH] fix: hamburger nav position on different breakpoints

---
 components/Nav.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Nav.tsx b/components/Nav.tsx
index cf7bf7a..843332f 100644
--- a/components/Nav.tsx
+++ b/components/Nav.tsx
@@ -49,7 +49,7 @@ export default function Nav() {
               </svg>
             </button>
             <div
-              className={`${navOpen ? 'flex' : 'hidden'} text-shadow absolute right-10 top-16 flex-col divide-white/20 rounded-lg bg-black/80 p-5 text-xs uppercase tracking-widest text-pink-100 backdrop-blur-md lg:static lg:flex lg:flex-row lg:divide-x lg:bg-transparent lg:backdrop-blur-none`}
+              className={`${navOpen ? 'flex' : 'hidden'} text-shadow absolute right-6 top-16 flex-col divide-white/20 rounded-lg bg-black/80 p-5 text-xs uppercase tracking-widest text-pink-100 backdrop-blur-md md:right-12 lg:static lg:-mr-12 lg:flex lg:flex-row lg:divide-x lg:bg-transparent lg:backdrop-blur-none`}
             >
               <NavLink href="https://github.com/koodiklinikka">GitHub</NavLink>
               <NavLink href="https://koodiklinikka.slack.com">Slack</NavLink>