feat: restyle search subscriptions

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;
 }

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>