From 7b8e3061d56f97ef1cdaa438a2bbe0185a7c07d8 Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Fri, 20 Jun 2025 19:52:04 +0200
Subject: [PATCH] feat: add styled footer items for cards

---
 .../static/fellchensammlung/css/main.scss     | 21 ++++++++++++++++++-
 .../partials/partial-check-rescue-org.html    |  8 +++----
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/fellchensammlung/static/fellchensammlung/css/main.scss b/src/fellchensammlung/static/fellchensammlung/css/main.scss
index 62ceec3..5f33f61 100644
--- a/src/fellchensammlung/static/fellchensammlung/css/main.scss
+++ b/src/fellchensammlung/static/fellchensammlung/css/main.scss
@@ -2,7 +2,7 @@ $primary: #6CD4FF;
 $link: #292a2c;
 $grey-light: #c4c6ce;
 $grey-dark: #262728;
-
+$confirm: hsl(133deg ,100%,calc(41% + 0%));
 
 // Path to Bulma's sass folder
 @use "bulma/sass" with (
@@ -99,6 +99,25 @@ p > a {
 }
 
 
+// Button in card footer
+.card-footer {
+  overflow: hidden;
+}
+.card-footer .card-footer-item.is-confirm {
+    background-color: $confirm;
+}
+.card-footer .card-footer-item.is-confirm:hover {
+    filter: brightness(0.9);
+}
+
+.card-footer .card-footer-item.is-danger {
+    background-color: sass.$danger;
+}
+.card-footer .card-footer-item.is-danger:hover {
+    filter: brightness(0.9);
+}
+
+
 @font-face {
   font-family: 'Nunito';
   font-style: normal;
diff --git a/src/fellchensammlung/templates/fellchensammlung/partials/partial-check-rescue-org.html b/src/fellchensammlung/templates/fellchensammlung/partials/partial-check-rescue-org.html
index 7f7eade..82800e3 100644
--- a/src/fellchensammlung/templates/fellchensammlung/partials/partial-check-rescue-org.html
+++ b/src/fellchensammlung/templates/fellchensammlung/partials/partial-check-rescue-org.html
@@ -34,25 +34,25 @@
         {% endif %}
     </div>
     <div class="card-footer">
-        <div class="card-footer-item is-paddingless">
+        <div class="card-footer-item is-confirm">
             <form method="post">
                 {% csrf_token %}
                 <input type="hidden"
                        name="rescue_organization_id"
                        value="{{ rescue_org.pk }}">
                 <input type="hidden" name="action" value="checked">
-                <button class="is-primary is-fullwidth" type="submit">{% translate "Organisation geprüft" %}</button>
+                <button class="" type="submit">{% translate "Organisation geprüft" %}</button>
 
             </form>
         </div>
-        <div class="card-footer-item is-paddingless">
+        <div class="card-footer-item is-danger">
             <form method="post">
                 {% csrf_token %}
                 <input type="hidden"
                        name="rescue_organization_id"
                        value="{{ rescue_org.pk }}">
                 <input type="hidden" name="action" value="exclude">
-                <button class="is-primary is-fullwidth" type="submit">{% translate "Von Check exkludieren" %}</button>
+                <button class="" type="submit">{% translate "Von Check exkludieren" %}</button>
 
             </form>
         </div>