From a677bb8adf3dc8b9b78507d9ef284b5cd4556096 Mon Sep 17 00:00:00 2001
From: Julien Oculi <xdrz.jot.sr@gmail.com>
Date: Thu, 8 Feb 2024 13:50:11 +0100
Subject: [PATCH] fix(ui): :wheelchair: improve nav links click zone

---
 components/Header.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/Header.css b/components/Header.css
index 6e46d18..4edab48 100644
--- a/components/Header.css
+++ b/components/Header.css
@@ -35,14 +35,18 @@ header nav {
 	align-items: center;
 
 	& > li {
-		padding: var(--_gap-half) var(--_gap);
 		list-style: none;
-		border: var(--_border-size) solid transparent;
 		transition: border var(--_transition-delay) ease;
+		border: var(--_border-size) solid transparent;
 
 		& > a {
+			display: inline-block;
 			text-decoration: none;
 		}
+
+		& > * {
+			padding: var(--_gap-half) var(--_gap);
+		}
 	}
 
 	& > li:hover {
@@ -92,7 +96,6 @@ header details {
 	& li {
 		list-style: none;
 		border: none;
-		padding: var(--_gap) calc(var(--_gap) + 0.29rem);
 	}
 
 	& li:hover {
@@ -101,6 +104,8 @@ header details {
 
 	& a {
 		text-decoration: none;
+		padding: var(--_gap) calc(var(--_gap) + 0.29rem);
+		display: inline-block;
 	}
 }