fix(hamburger): increase hit area and add aria-controls

Author: ritorhymes

site/layouts/partials/header.html

@@ -12,7 +12,7 @@
         <div class="hamburger-icon">
           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
         </div>
-        <input class="hamburger-click" aria-label="site menu" type="checkbox" />
+        <input class="hamburger-click" aria-label="toggle site menu" aria-controls="primary-menu" type="checkbox" />
         <ul id="primary-menu" class="flex">
           {{ $currentPage := . }}
           {{ range .Site.Menus.nav }}

src/css/_navigation.scss

@@ -147,11 +147,13 @@
 
 .hamburger-click {
   cursor: pointer;
+  height: 45px;
+  width: 45px;
   opacity: 0.0;
   z-index: 2;
   position: absolute;
-  top: 36px;
-  right: 40px;
+  top: 20px;
+  right: 24px;
 }
 
 @media screen and (max-width: 825px) {