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