Display information in rows instead of columns

This commit is contained in:
Jannis Portmann 2023-10-15 17:29:10 +02:00
parent 5040d139b5
commit ac2403bfb8

View file

@ -21,21 +21,21 @@
<h1 class="mb-3"> <h1 class="mb-3">
{{ offer.title }}<span class="ms-2 badge text-bg-secondary">{{ offer.get_category_display }}</span> {{ offer.title }}<span class="ms-2 badge text-bg-secondary">{{ offer.get_category_display }}</span>
</h1> </h1>
<div class="mb-3 d-flex column-gap-2"> <div class="mb-3 d-flex flex-column">
<p class="mr-3"> <p class="mb-1">
<i class="fas fa-user"></i> <i class="fas fa-user me-1"></i>
{% if offer.user == user %} {% if offer.user == user %}
{% trans "You" %} {% trans "You" %}
{% else %} {% else %}
{{ offer.user.username }} {{ offer.user.username }}
{% endif %} {% endif %}
</p> </p>
<p class="mr-3"> <p class="mb-1">
{% with plz=offer|get_plz %}<i class="fas fa-map-marker-alt"></i> {{ offer.zipcode }} {{ plz.name }}{% endwith %} {% with plz=offer|get_plz %}<i class="fas fa-map-marker-alt me-1"></i> {{ offer.zipcode }} {{ plz.name }}{% endwith %}
</p> </p>
{% if dist %} {% if dist %}
<p class="pr-3"> <p class="mb-1">
<i class="fas fa-map-signs mr-1"></i> ca. {{ dist }} km <i class="fas fa-map-signs me-1"></i> ca. {{ dist }} km
</p> </p>
{% endif %} {% endif %}
</div> </div>