From 4cb3733de906577457225ea4d88a21e15fcfc224 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jaime=20Garc=C3=ADa=20M=C3=A9ndez?=
 <jaimegarciamendez@gmail.com>
Date: Tue, 24 Mar 2026 11:03:58 -0500
Subject: [PATCH] Increase logo size and brightness on mobile header

- Mobile: h-7 (28px), desktop: h-8 (32px) with brightness(1.1)
- Add left padding on mobile for breathing room
---
 src/components/layout/Header.jsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/Header.jsx b/src/components/layout/Header.jsx
index f14f4ac..1617212 100644
--- a/src/components/layout/Header.jsx
+++ b/src/components/layout/Header.jsx
@@ -31,8 +31,13 @@ export const Header = () => {
     <header className="bg-dark-card border-b border-border-dark">
       <div className="container mx-auto px-4">
         <div className="flex items-center justify-between h-16">
-          <Link to="/dashboard" className="flex items-center gap-2">
-            <img src="/logo-winbit.png" alt="Winbit" className="h-8" />
+          <Link to="/dashboard" className="flex items-center gap-2 pl-2 md:pl-0">
+            <img
+              src="/logo-winbit.png"
+              alt="Winbit"
+              className="h-7 md:h-8 max-h-8 brightness-110"
+              style={{ filter: 'brightness(1.1)' }}
+            />
           </Link>
 
           {user && (