From 847d55e6a3d39ca539e683f5bd839e7cd7fdc628 Mon Sep 17 00:00:00 2001
From: s5260822 <s5260822@stud.uni-frankfurt.de>
Date: Thu, 20 Mar 2025 01:00:27 +0100
Subject: [PATCH] fixed and enhanced buttons

---
 src/main/resources/static/index.css           | 41 +++++++++----------
 .../resources/templates/parlamentarier.ftl    |  2 +-
 .../templates/parlamentarierDetails.ftl       | 12 +++---
 3 files changed, 25 insertions(+), 30 deletions(-)

diff --git a/src/main/resources/static/index.css b/src/main/resources/static/index.css
index 2a9dee4..36c2c98 100644
--- a/src/main/resources/static/index.css
+++ b/src/main/resources/static/index.css
@@ -184,23 +184,6 @@ tbody tr:hover {
   }
 }
 
-
-.add-member-button {
-    background-color: var(--confirm-button-color); /* Green color */
-    color: white;
-    padding: 10px 20px;
-    text-decoration: none;
-    border-radius: 5px;
-    font-size: 16px;
-    display: inline-block;
-    transition: background-color 0.3s ease;
-}
-
-/* Change button color on hover */
-.add-member-button:hover {
-    background-color: var(--confirm-button-color-hover); /* Darker green on hover */
-}
-
 #search-button {
     width: 75px;
     background-color: var(--confirm-button-color);
@@ -212,21 +195,35 @@ tbody tr:hover {
     background-color: var(--confirm-button-color-hover);
 }
 
-.back-link {
-    position: fixed;
-    bottom: 50px;
-    right: 50px;
+.red-button {
     background-color: var(--accent-color);
     border-radius: 5px;
     padding: 5px 10px 5px 10px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
 }
 
-.back-link a {
+.red-button a {
     text-decoration: none;
     color: white
 }
 
+.red-button:hover {
+    background-color: #8c0d03;
+    cursor: pointer;
+}
+
+.centered-flex-button {
+    width: 200px;
+    margin: 0 auto;
+    text-align: center;
+}
+
+.back-link {
+    position: fixed;
+    bottom: 50px;
+    right: 50px;
+}
+
 .filter-form {
     background-color: white;
     padding: 30px;
diff --git a/src/main/resources/templates/parlamentarier.ftl b/src/main/resources/templates/parlamentarier.ftl
index f42ea6c..143b38d 100644
--- a/src/main/resources/templates/parlamentarier.ftl
+++ b/src/main/resources/templates/parlamentarier.ftl
@@ -36,7 +36,7 @@
                 </#list>
             </tbody>
         </table>
-        <div class="back-link">
+        <div class="back-link red-button">
             <a href="/members">Zurück zum Anfang</a>
         </div>
     </main>
diff --git a/src/main/resources/templates/parlamentarierDetails.ftl b/src/main/resources/templates/parlamentarierDetails.ftl
index 792cd73..d0224f5 100644
--- a/src/main/resources/templates/parlamentarierDetails.ftl
+++ b/src/main/resources/templates/parlamentarierDetails.ftl
@@ -29,7 +29,9 @@
         <section>
             <h2>Reden</h2>
             <#if speechesPlaceholder??>
+            <div class="red-button centered-flex-button">
                 <a href="/reden/${p.id}">${speechesCount} Reden vorhanden</a>
+            </div>
             <#else>
                 Keine Reden vorhanden
             </#if>
@@ -90,13 +92,9 @@
 
             </section>
         </#if>
-
-        <br>
-        <form name="zurueck" action="/" method="get">
-          <br>
-          <input type="submit" value="Zurück" />
-        </form>
-        <br>
+        <div class="red-button centered-flex-button">
+            <a href="/members">Zurück</a>
+        </div>
 
     </main>
 </body>