From efb6eaf274a94514484adb5e913417605323b63a Mon Sep 17 00:00:00 2001
From: Mathis <avnyr@yidhra.fr>
Date: Wed, 12 Jun 2024 15:00:33 +0200
Subject: [PATCH] feat(component): modify CSS classes for improved layout

Updated the classes in the Header component to enhance layout presentation. Particularly, added padding at the bottom and updated the alignment for better responsiveness. This will enhance user interface on multiple device dimensions.
---
 src/components/header.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/header.tsx b/src/components/header.tsx
index 57ec7f4..c2251b9 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -10,7 +10,7 @@ export function Header({
 	return (
 		<header
 			className={
-				"flex flex-col md:flex-row justify-between items-center w-full p-1 md:px-3 md:py-2 border-b-2"
+				"flex flex-col md:flex-row justify-between items-center w-full p-1 md:px-3 md:py-2 pb-2 border-b-2"
 			}
 		>
 			<div
@@ -24,7 +24,9 @@ export function Header({
 				</h1>
 			</div>
 			<div className={"w-1/3 flex flex-row justify-center items-center"}>{children}</div>
-			<div className={"w-1/3 flex flex-row justify-end gap-2 items-center"}>
+			<div
+				className={"w-1/3 flex flex-row justify-center md:justify-end gap-2 items-center"}
+			>
 				<AccountDialog />
 				<ThemeBtnSelector />
 			</div>