From de7ca05ab04b7a180134b61509d6a35e8ac074d6 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Sat, 14 Jun 2025 01:49:18 +0000
Subject: [PATCH] Reduce the size of the newsletter signup form in the website
 footer

Refactor the footer's newsletter signup form by reducing padding, font sizes, and margins in `client/src/components/navigation/footer.tsx`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 149ccd4a-2ccb-4219-9a7b-69a9690dd7ac
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/ec4f0608-af6d-4ed6-bce6-5c9ac48de4ca.jpg
---
 client/src/components/navigation/footer.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/components/navigation/footer.tsx b/client/src/components/navigation/footer.tsx
index 420820a..fad7a4f 100644
--- a/client/src/components/navigation/footer.tsx
+++ b/client/src/components/navigation/footer.tsx
@@ -137,13 +137,13 @@ export default function Footer() {
             </div>
             
             {/* Newsletter Signup below links and contact */}
-            <div className="mt-8 pt-6 pb-4 border-t border-white border-opacity-20">
-              <h4 className="font-playfair font-bold text-base mb-4 text-white">Stay in touch with my newsletter</h4>
-              <form onSubmit={handleNewsletterSubmit} className="space-y-4">
+            <div className="mt-6 pt-5 pb-3 border-t border-white border-opacity-20">
+              <h4 className="font-playfair font-bold text-sm mb-3 text-white">Stay in touch with my newsletter</h4>
+              <form onSubmit={handleNewsletterSubmit} className="space-y-3">
                 <input 
                   type="email" 
                   placeholder="Your email address" 
-                  className="w-full px-4 py-3 text-sm bg-white bg-opacity-90 border border-white border-opacity-30 placeholder-gray-500 text-gray-800 focus:outline-none focus:border-white rounded-md"
+                  className="w-full px-3 py-2 text-sm bg-white bg-opacity-90 border border-white border-opacity-30 placeholder-gray-500 text-gray-800 focus:outline-none focus:border-white rounded-md"
                   value={email}
                   onChange={(e) => setEmail(e.target.value)}
                   required
@@ -162,7 +162,7 @@ export default function Footer() {
                 
                 <button 
                   type="submit" 
-                  className="w-full px-6 py-3 text-sm bg-purple text-white font-bold hover:bg-opacity-90 transition duration-300 rounded-full flex items-center justify-center"
+                  className="w-full px-5 py-2 text-sm bg-purple text-white font-bold hover:bg-opacity-90 transition duration-300 rounded-full flex items-center justify-center"
                   disabled={newsletterMutation.isPending}
                 >
                   {newsletterMutation.isPending ? (