From f7521734bf23b14b43197c751f9e3e06d8ae3459 Mon Sep 17 00:00:00 2001
From: Kenzo <kenzo.signer@bookageek.ch>
Date: Sat, 8 Nov 2025 17:31:10 +0100
Subject: [PATCH] - Fix footer CSS import path for consistency - Update button
 link in Hero component to anchor to the events section - Improve circle image
 styling in Drinks.css for proper alignment and aesthetics

---
 src/components/Footer.astro      |  2 +-
 src/components/Hero.astro        |  2 +-
 src/styles/components/Drinks.css | 10 ++++++++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 6fa0089..3b57f9f 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,6 +1,6 @@
 ---
 // src/components/Footer.astro
-import "/styles/components/Footer.css"
+import "../styles/components/Footer.css"
 const currentYear = new Date().getFullYear();
 ---
 
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index cc431ec..4727fb7 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -15,7 +15,7 @@ const { id } = Astro.props;
 
 			<p>Im Herzen von St.Gallen</p>
 
-			<a href="#" class="button">Aktuelles ↓</a>
+			<a href="#events" class="button">Aktuelles ↓</a>
 		</div>
 
 	</div>
diff --git a/src/styles/components/Drinks.css b/src/styles/components/Drinks.css
index 8457b00..ed7591f 100644
--- a/src/styles/components/Drinks.css
+++ b/src/styles/components/Drinks.css
@@ -94,6 +94,16 @@
   justify-content: center;
   align-items: center;
   cursor: pointer;
+  overflow: hidden; /* ensure inner image stays within the circle */
+}
+
+/* Make images truly circular and fit the frame */
+.circle-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 50%;
+  display: block;
 }
 
 .circle:hover {