From 46fc7d683e3642e840c1f5692eea5d60cbd4ef38 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Wed, 12 Jun 2024 08:07:16 +0800
Subject: [PATCH] Reduce navbar's toggle font size and paddings

---
 src/_includes/global/navbar.njk | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/_includes/global/navbar.njk b/src/_includes/global/navbar.njk
index b654107a..06ffd6ff 100644
--- a/src/_includes/global/navbar.njk
+++ b/src/_includes/global/navbar.njk
@@ -5,7 +5,9 @@ https://kalechips.net/projects/snippets/burger #}
 
 <nav class="navbar">
     <details class="navbar__burger">
-        <summary class="navbar__toggle" id="toggle">☰ Navigation</summary>
+        <summary class="navbar__toggle" id="toggle">
+            <span aria-hidden="true">☰</span> Navigation
+        </summary>
         <nav class="navbar__menu">
             <ul class="navbar__menu--links">
                 {{ navLinksEl | safe }}
@@ -33,10 +35,9 @@ https://kalechips.net/projects/snippets/burger #}
         top: 0;
     }
 
-    .navbar__toggle,
-    .navbar__title {
+    .navbar__toggle {
         color: var(--clr-navbar-link);
-        font-size: 1.3rem;
+        font-size: 1.25rem;
         font-weight: 700;
     }
 
@@ -45,7 +46,7 @@ https://kalechips.net/projects/snippets/burger #}
         display: flex;
         align-items: center;
         gap: 0.3em;
-        padding: 0.6em;
+        padding: 0.4em 0.6em;
         background-color: inherit;
     }