feat: Style read button to be inline

src/fellchensammlung/static/fellchensammlung/css/styles.css

@@ -110,7 +110,7 @@ h1, h2 {
     color: white;
 }
 
-select, button {
+select, .button {
     width: 100%;
     border: none;
     border-radius: 4px;
@@ -415,12 +415,16 @@ select, button {
     max-height: 250px;
 }
 
-.adoption-card-report-link {
+.adoption-card-report-link, .notification-card-mark-read {
     margin-left: auto;
     font-size: 2rem;
     padding: 10px;
 }
 
+.notification-card-mark-read {
+    display: inline;
+}
+
 .heading-card-adoption-notice {
     word-wrap: anywhere;
 }
@@ -457,7 +461,7 @@ select, button {
     }
 }
 
-.container-comments, .container-cards {
+.container-comment-headers, .container-cards {
     display: flex;
     flex-wrap: wrap;
     background: var(--background-two);

src/fellchensammlung/templates/fellchensammlung/header.html

@@ -22,7 +22,7 @@
                 <a class="btn2" href="{{ user.get_absolute_url }}"><i aria-hidden="true" class="fas fa-user"></i></a>
                 <form class="btn2 button_darken" action="{% url 'logout' %}" method="post">
                     {% csrf_token %}
-                    <button type="submit"><i aria-hidden="true" class="fas fa-sign-out"></i></button>
+                    <button class="button" type="submit"><i aria-hidden="true" class="fas fa-sign-out"></i></button>
                 </form>
             {% else %}
                 <a class="btn2" href="{% url "django_registration_register" %}">{% translate "Registrieren" %}</a>

src/fellchensammlung/templates/fellchensammlung/partials/partial-notification.html

@@ -4,11 +4,11 @@
     <div class="notification-header">
         <b>{{ notification.title }}</b>
         {{ notification.created_at }}
-        <form method="POST">
+        <form class="notification-card-mark-read" method="POST">
             {% csrf_token %}
             <input type="hidden" name="action" value="notification_mark_read">
             <input type="hidden" name="notification_id" value="{{ notification.pk }}">
-            <button type="submit" id="submit"><i class="fa-solid fa-check"></i></button>
+            <button class="btn2" type="submit" id="submit"><i class="fa-solid fa-check"></i></button>
         </form>
     </div>
     <p>