From b20cee59fed67b1c3ef7cc6343b35da1f173454e Mon Sep 17 00:00:00 2001
From: s5260822 <s5260822@stud.uni-frankfurt.de>
Date: Thu, 20 Mar 2025 21:42:20 +0100
Subject: [PATCH] moved member-photo style to index.css and added border radius

---
 src/main/resources/static/index.css                    | 7 +++++++
 src/main/resources/templates/parlamentarierDetails.ftl | 2 +-
 src/main/resources/templates/speech.ftl                | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/static/index.css b/src/main/resources/static/index.css
index 84f99c5..b8f334e 100644
--- a/src/main/resources/static/index.css
+++ b/src/main/resources/static/index.css
@@ -288,3 +288,10 @@ select {
     transform: scale(0.9);
     z-index: 1;
 }
+
+.member-photo {
+    max-width: 400px;
+    height: auto;
+    margin-bottom: 20px;
+    border-radius: 10px;
+}
diff --git a/src/main/resources/templates/parlamentarierDetails.ftl b/src/main/resources/templates/parlamentarierDetails.ftl
index d0224f5..9bd8a6a 100644
--- a/src/main/resources/templates/parlamentarierDetails.ftl
+++ b/src/main/resources/templates/parlamentarierDetails.ftl
@@ -19,7 +19,7 @@
 
     <br>
     <#if pic??>
-         <img style="max-width: 400px; height: auto;" src="data:image/jpeg;base64,${pic}" alt="Foto von ${p.vorname}  ${p.nachname} (${p.partei})" />
+         <img class="member-photo" src="data:image/jpeg;base64,${pic}" alt="Foto von ${p.vorname}  ${p.nachname} (${p.partei})" />
     <#else>
         <h2>(kein Foto verfügbar)</h2>
     </#if>
diff --git a/src/main/resources/templates/speech.ftl b/src/main/resources/templates/speech.ftl
index fb17b71..8be35be 100644
--- a/src/main/resources/templates/speech.ftl
+++ b/src/main/resources/templates/speech.ftl
@@ -40,7 +40,7 @@
         <main>
             <#if picture??>
                 <div class="centered-content">
-                    <img style="max-width: 400px; height: auto; margin-bottom: 20px" src="data:image/jpeg;base64,${picture}" alt="Foto von ${s.speakerName}" />
+                    <img class="member-photo" src="data:image/jpeg;base64,${picture}" alt="Foto von ${s.speakerName}" />
                 </div>
             <#else>
                 <h2>(kein Foto verfügbar)</h2>