fixed and enhanced buttons

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;

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>

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>