From ade9d409062edd0c5253554c0c2d1bb17e262a8a Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Mon, 19 May 2025 19:30:17 +0000
Subject: [PATCH] Reduce the size of the header and logo to improve visual
 balance

Adjusts header padding and logo sizes in header.tsx and logo.tsx using Tailwind CSS.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 88cd88e4-2dbe-4df6-8c8a-7e38f13ef1ec
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/9841927d-97fa-4574-ae69-7754b50fb650.jpg
---
 client/src/components/navigation/header.tsx | 4 ++--
 client/src/components/ui/logo.tsx           | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/components/navigation/header.tsx b/client/src/components/navigation/header.tsx
index f726c6e..8987000 100644
--- a/client/src/components/navigation/header.tsx
+++ b/client/src/components/navigation/header.tsx
@@ -31,8 +31,8 @@ export default function Header() {
 
   return (
     <header className="sticky top-0 bg-white bg-opacity-95 shadow-sm z-50">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="flex justify-between items-center py-2">
+      <div className="max-w-7xl mx-auto px-2 sm:px-3 lg:px-4">
+        <div className="flex justify-between items-center py-1">
           <div className="flex items-center">
             <Logo />
           </div>
diff --git a/client/src/components/ui/logo.tsx b/client/src/components/ui/logo.tsx
index acffac3..31569d6 100644
--- a/client/src/components/ui/logo.tsx
+++ b/client/src/components/ui/logo.tsx
@@ -3,9 +3,9 @@ import LogoImage from "../../assets/pilates-with-fadia-logo.png";
 
 export function Logo({ className = "", size = "regular" }: { className?: string, size?: "small" | "regular" | "large" }) {
   const sizeClasses = {
-    small: "h-48", /* 3x bigger */
-    regular: "h-60", /* 3x bigger */
-    large: "h-84", /* 3x bigger */
+    small: "h-12", /* reduced size */
+    regular: "h-16", /* reduced size */
+    large: "h-20", /* reduced size */
   };
 
   return (