feat: Style read button to be inline

This commit is contained in:
moanos [he/him] 2024-08-03 08:02:27 +02:00
parent dc120025e7
commit 9119c1bd3d
3 changed files with 10 additions and 6 deletions

View File

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

View File

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

View File

@ -4,11 +4,11 @@
<div class="notification-header"> <div class="notification-header">
<b>{{ notification.title }}</b> <b>{{ notification.title }}</b>
{{ notification.created_at }} {{ notification.created_at }}
<form method="POST"> <form class="notification-card-mark-read" method="POST">
{% csrf_token %} {% csrf_token %}
<input type="hidden" name="action" value="notification_mark_read"> <input type="hidden" name="action" value="notification_mark_read">
<input type="hidden" name="notification_id" value="{{ notification.pk }}"> <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> </form>
</div> </div>
<p> <p>