From d05bd45cf428fd123fe05c1adaad686f9b725747 Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Wed, 1 Jan 2025 23:52:44 +0100
Subject: [PATCH] feat: restyle search subscriptions

---
 .../static/fellchensammlung/css/styles.css       | 16 +++++++++++++++-
 .../partials/partial-search-subscription.html    |  4 ++--
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/fellchensammlung/static/fellchensammlung/css/styles.css b/src/fellchensammlung/static/fellchensammlung/css/styles.css
index 5a8a3a6..f144975 100644
--- a/src/fellchensammlung/static/fellchensammlung/css/styles.css
+++ b/src/fellchensammlung/static/fellchensammlung/css/styles.css
@@ -204,7 +204,7 @@ a.btn, a.btn2, a.nav-link {
     text-decoration: none;
 }
 
-.btn2 {
+.btn2, .btn3 {
     background-color: var(--secondary-light-one);
     color: var(--primary-dark-one);
     padding: 8px;
@@ -213,6 +213,10 @@ a.btn, a.btn2, a.nav-link {
     margin: 5px;
 }
 
+.btn3 {
+    border: 1px solid black;
+}
+
 .switch {
   cursor: pointer;
   display: inline-block;
@@ -603,6 +607,16 @@ a.btn, a.btn2, a.nav-link {
 
 }
 
+.search-subscription-header {
+    display: flex;
+    justify-content: space-evenly;
+    flex-wrap: wrap;
+
+    h3 {
+        width: 80%;
+    }
+}
+
 .table-adoption-notice-info {
     margin-top: 10px;
 }
diff --git a/src/fellchensammlung/templates/fellchensammlung/partials/partial-search-subscription.html b/src/fellchensammlung/templates/fellchensammlung/partials/partial-search-subscription.html
index 66d2359..cadaff9 100644
--- a/src/fellchensammlung/templates/fellchensammlung/partials/partial-search-subscription.html
+++ b/src/fellchensammlung/templates/fellchensammlung/partials/partial-search-subscription.html
@@ -3,11 +3,11 @@
 <div class="search-subscription">
     <div class="search-subscription-header">
         <h3>{{ search_subscription }}</h3>
-        <form class="notification-card-mark-read" method="POST">
+        <form class="" method="POST">
             {% csrf_token %}
             <input type="hidden" name="action" value="search_subscription_delete">
             <input type="hidden" name="search_subscription_id" value="{{ search_subscription.pk }}">
-            <button class="btn2" type="submit" id="submit"><i class="fa-solid fa-close"></i></button>
+            <button class="btn3" type="submit" id="submit"><i class="fa-solid fa-close"></i></button>
         </form>
     </div>
     <table>