From 08b45143c083b84a56954fb0c9411aef51175e7c Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Mon, 12 Sep 2022 18:40:50 +0630
Subject: [PATCH] Adjust margin and padding of nav items

---
 src/components/Header.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 95f0e08..58f031b 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -83,7 +83,7 @@ const { activeNav } = Astro.props;
     @apply fill-skin-base w-6 h-6 scale-125;
   }
   nav {
-    @apply w-full py-2 sm:py-0 flex flex-col items-center sm:justify-end sm:flex-row sm:space-x-2 bg-skin-fill shadow sm:shadow-none;
+    @apply w-full py-2 sm:py-0 flex flex-col items-center sm:justify-end sm:flex-row sm:space-x-4 bg-skin-fill shadow sm:shadow-none;
   }
   nav ul {
     @apply flex flex-col sm:flex-row sm:space-x-4;
@@ -98,10 +98,10 @@ const { activeNav } = Astro.props;
     @apply underline underline-offset-4 decoration-wavy decoration-2;
   }
   .button-wrapper {
-    @apply flex my-2 sm:my-0 space-x-4 sm:space-x-2;
+    @apply flex my-2 sm:my-0 space-x-4;
   }
   nav button {
-    @apply p-2;
+    @apply p-1;
   }
   nav button svg {
     @apply w-6 h-6 fill-skin-base hover:fill-skin-accent;