From 718e7537037401f25cf9f4d468de2477ade8548e Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 6 Mar 2026 15:52:15 +0000
Subject: [PATCH] Reduce excessive empty space across all website pages

Adjust vertical padding and margins on various pages and the footer to decrease whitespace, improving layout density on both desktop and mobile.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 1a3c4949-1987-4937-a1b8-d66e3d8b8bb1
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/ee1CXlO
Replit-Helium-Checkpoint-Created: true
---
 client/src/components/footer.tsx | 4 ++--
 client/src/pages/about.tsx       | 2 +-
 client/src/pages/article.tsx     | 6 +++---
 client/src/pages/category.tsx    | 2 +-
 client/src/pages/datenschutz.tsx | 2 +-
 client/src/pages/empfang.tsx     | 2 +-
 client/src/pages/gallery.tsx     | 2 +-
 client/src/pages/horoscope.tsx   | 2 +-
 client/src/pages/impressum.tsx   | 2 +-
 client/src/pages/kontakt.tsx     | 2 +-
 client/src/pages/recipes.tsx     | 2 +-
 client/src/pages/videos.tsx      | 2 +-
 12 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/client/src/components/footer.tsx b/client/src/components/footer.tsx
index db61f5e..f67180c 100644
--- a/client/src/components/footer.tsx
+++ b/client/src/components/footer.tsx
@@ -10,8 +10,8 @@ const SOCIAL_LINKS = [
 
 export default function Footer() {
   return (
-    <footer className="border-t border-border mt-16" data-testid="footer">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 relative z-20">
+    <footer className="border-t border-border mt-10" data-testid="footer">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 relative z-20">
         <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
           <div>
             <h3 className="font-bold text-card-foreground text-lg mb-3">Folx Music Television</h3>
diff --git a/client/src/pages/about.tsx b/client/src/pages/about.tsx
index 0522459..4a34cfe 100644
--- a/client/src/pages/about.tsx
+++ b/client/src/pages/about.tsx
@@ -10,7 +10,7 @@ export default function AboutPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-8">
           <Tv className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-about-title">
diff --git a/client/src/pages/article.tsx b/client/src/pages/article.tsx
index dac9a9e..a0ce10b 100644
--- a/client/src/pages/article.tsx
+++ b/client/src/pages/article.tsx
@@ -220,16 +220,16 @@ export default function ArticlePage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <Link href="/">
-          <Button variant="ghost" size="sm" className="mb-6 gap-2" data-testid="button-back">
+          <Button variant="ghost" size="sm" className="mb-4 gap-2" data-testid="button-back">
             <ArrowLeft className="w-4 h-4" />
             Zurück
           </Button>
         </Link>
 
         {article.coverImage && (
-          <div className="relative overflow-hidden rounded-md mb-8">
+          <div className="relative overflow-hidden rounded-md mb-6">
             <img
               src={article.coverImage}
               alt={article.title}
diff --git a/client/src/pages/category.tsx b/client/src/pages/category.tsx
index e17c4a1..b9b6ee4 100644
--- a/client/src/pages/category.tsx
+++ b/client/src/pages/category.tsx
@@ -114,7 +114,7 @@ export default function CategoryPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <Link href="/">
           <Button variant="ghost" size="sm" className="mb-6 gap-2" data-testid="button-back">
             <ArrowLeft className="w-4 h-4" />
diff --git a/client/src/pages/datenschutz.tsx b/client/src/pages/datenschutz.tsx
index e1ff39e..b58a2b7 100644
--- a/client/src/pages/datenschutz.tsx
+++ b/client/src/pages/datenschutz.tsx
@@ -10,7 +10,7 @@ export default function DatenschutzPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-8">
           <Shield className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-datenschutz-title">
diff --git a/client/src/pages/empfang.tsx b/client/src/pages/empfang.tsx
index 295b4ba..f3a157a 100644
--- a/client/src/pages/empfang.tsx
+++ b/client/src/pages/empfang.tsx
@@ -39,7 +39,7 @@ export default function EmpfangPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-2">
           <Tv className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-empfang-title">
diff --git a/client/src/pages/gallery.tsx b/client/src/pages/gallery.tsx
index 58d71b9..1ed3610 100644
--- a/client/src/pages/gallery.tsx
+++ b/client/src/pages/gallery.tsx
@@ -12,7 +12,7 @@ export default function GalleryPageWrapper() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <Link href="/">
           <button className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors mb-6 text-sm" data-testid="button-back">
             <ArrowLeft className="w-4 h-4" />
diff --git a/client/src/pages/horoscope.tsx b/client/src/pages/horoscope.tsx
index 978ea4f..b3063ec 100644
--- a/client/src/pages/horoscope.tsx
+++ b/client/src/pages/horoscope.tsx
@@ -396,7 +396,7 @@ export default function HoroscopePage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-2">
           <Link href="/">
             <button className="text-muted-foreground hover:text-foreground transition-colors" data-testid="button-back-home">
diff --git a/client/src/pages/impressum.tsx b/client/src/pages/impressum.tsx
index fa30a82..cd6f26a 100644
--- a/client/src/pages/impressum.tsx
+++ b/client/src/pages/impressum.tsx
@@ -10,7 +10,7 @@ export default function ImpressumPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-8">
           <Scale className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-impressum-title">
diff --git a/client/src/pages/kontakt.tsx b/client/src/pages/kontakt.tsx
index f20bed3..3bbd404 100644
--- a/client/src/pages/kontakt.tsx
+++ b/client/src/pages/kontakt.tsx
@@ -41,7 +41,7 @@ export default function KontaktPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-8">
           <Mail className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-kontakt-title">
diff --git a/client/src/pages/recipes.tsx b/client/src/pages/recipes.tsx
index b83d209..0c461d6 100644
--- a/client/src/pages/recipes.tsx
+++ b/client/src/pages/recipes.tsx
@@ -303,7 +303,7 @@ export default function RecipesPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-3 mb-2">
           <Link href="/">
             <button className="text-muted-foreground hover:text-foreground transition-colors" data-testid="button-recipes-back">
diff --git a/client/src/pages/videos.tsx b/client/src/pages/videos.tsx
index 6f2a22f..69ce30b 100644
--- a/client/src/pages/videos.tsx
+++ b/client/src/pages/videos.tsx
@@ -119,7 +119,7 @@ export default function VideosPage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <Link href="/">
           <button className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors mb-6 text-sm" data-testid="button-back">
             <ArrowLeft className="w-4 h-4" />