From 82622d38d83664639b8ecb3d186d0c87e0059ef5 Mon Sep 17 00:00:00 2001
From: Served Smart <195884188+servedsmart@users.noreply.github.com>
Date: Fri, 20 Jun 2025 07:34:14 +0200
Subject: [PATCH] :adhesive_bandage: Fix: Incorrect usage of <label> for
 menu-button

This fixes the following issue in Chrome: No label associated with a form field.

I don't know why a <label> was used here before, but I see no reason to do so, a div works just as well.
---
 layouts/partials/header/basic.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/layouts/partials/header/basic.html b/layouts/partials/header/basic.html
index a4b92bcd..9be9b580 100644
--- a/layouts/partials/header/basic.html
+++ b/layouts/partials/header/basic.html
@@ -99,7 +99,7 @@
 
 {{ define "HeaderMobileMenu" }}
   <div class="-my-2 md:hidden">
-    <label id="menu-button" class="block">
+    <div id="menu-button" class="block">
       {{ if .Site.Menus.main }}
         <div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
           {{ partial "icon.html" "bars" }}
@@ -148,7 +148,7 @@
           {{ end }}
         </div>
       {{ end }}
-    </label>
+    </div>
   </div>
 {{ end }}