From 91506303306a6e51913bb2d2946c1962c59809ce Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Mon, 1 Sep 2025 21:40:51 +0000
Subject: [PATCH] Organize website support links into two distinct rows

Restructure the display of support links on multiple pages by grouping them into two rows for improved visual layout and readability.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/DyHCx4q
---
 client/src/pages/FolxStadlPage.tsx        | 19 +++++++++++--------
 client/src/pages/GeschichteLiedPage.tsx   | 19 +++++++++++--------
 client/src/pages/GipfelstammtischPage.tsx | 19 +++++++++++--------
 client/src/pages/home.tsx                 | 19 +++++++++++--------
 4 files changed, 44 insertions(+), 32 deletions(-)

diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index f5a5dbe..902a0f9 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -318,14 +318,17 @@ export default function FolxStadlPage() {
 
             {/* Support Links */}
             <div className="col-span-1">
-              <div className="flex gap-4 pt-2 pl-4">
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
-                <span className="text-bunny-muted">|</span>
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
-                <span className="text-bunny-muted">|</span>
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
-                <span className="text-bunny-muted">|</span>
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
+              <div className="pt-2 pl-4 space-y-1">
+                <div className="flex gap-4">
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
+                  <span className="text-bunny-muted">|</span>
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
+                </div>
+                <div className="flex gap-4">
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
+                  <span className="text-bunny-muted">|</span>
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
+                </div>
               </div>
             </div>
           </div>
diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx
index 14e0426..c735daa 100644
--- a/client/src/pages/GeschichteLiedPage.tsx
+++ b/client/src/pages/GeschichteLiedPage.tsx
@@ -319,14 +319,17 @@ export default function GeschichteLiedPage() {
 
             {/* Support Links */}
             <div className="col-span-1">
-              <div className="flex gap-4 pt-2 pl-4">
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
-                <span className="text-bunny-muted">|</span>
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
-                <span className="text-bunny-muted">|</span>
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
-                <span className="text-bunny-muted">|</span>
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
+              <div className="pt-2 pl-4 space-y-1">
+                <div className="flex gap-4">
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
+                  <span className="text-bunny-muted">|</span>
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
+                </div>
+                <div className="flex gap-4">
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
+                  <span className="text-bunny-muted">|</span>
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
+                </div>
               </div>
             </div>
           </div>
diff --git a/client/src/pages/GipfelstammtischPage.tsx b/client/src/pages/GipfelstammtischPage.tsx
index 4179413..2db3d6b 100644
--- a/client/src/pages/GipfelstammtischPage.tsx
+++ b/client/src/pages/GipfelstammtischPage.tsx
@@ -319,14 +319,17 @@ export default function GipfelstammtischPage() {
 
             {/* Support Links */}
             <div className="col-span-1">
-              <div className="flex gap-4 pt-2 pl-4">
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
-                <span className="text-bunny-muted">|</span>
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
-                <span className="text-bunny-muted">|</span>
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
-                <span className="text-bunny-muted">|</span>
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
+              <div className="pt-2 pl-4 space-y-1">
+                <div className="flex gap-4">
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
+                  <span className="text-bunny-muted">|</span>
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
+                </div>
+                <div className="flex gap-4">
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
+                  <span className="text-bunny-muted">|</span>
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
+                </div>
               </div>
             </div>
           </div>
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 2256328..8ad276c 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -235,14 +235,17 @@ export default function Home() {
 
             {/* Support Links */}
             <div className="col-span-1">
-              <div className="flex gap-4 pt-2 pl-4">
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
-                <span className="text-bunny-muted">|</span>
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
-                <span className="text-bunny-muted">|</span>
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
-                <span className="text-bunny-muted">|</span>
-                <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
+              <div className="pt-2 pl-4 space-y-1">
+                <div className="flex gap-4">
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
+                  <span className="text-bunny-muted">|</span>
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
+                </div>
+                <div className="flex gap-4">
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
+                  <span className="text-bunny-muted">|</span>
+                  <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
+                </div>
               </div>
             </div>
           </div>