From ac2403bfb80fae01636bf4550c1ca8a9dac5bfe4 Mon Sep 17 00:00:00 2001
From: Jannis Portmann <jannisp@student.ethz.ch>
Date: Sun, 15 Oct 2023 17:29:10 +0200
Subject: [PATCH] Display information in rows instead of columns

---
 pflaenzli/pflaenzli/templates/offer/detail.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/pflaenzli/pflaenzli/templates/offer/detail.html b/pflaenzli/pflaenzli/templates/offer/detail.html
index d4dba70..218d7ef 100644
--- a/pflaenzli/pflaenzli/templates/offer/detail.html
+++ b/pflaenzli/pflaenzli/templates/offer/detail.html
@@ -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>