From a2d37538dc5b80e9fb6470fe45fdc07b6ebade7d Mon Sep 17 00:00:00 2001
From: Jannis Portmann <jannisp@student.ethz.ch>
Date: Sun, 10 Sep 2023 11:53:20 +0200
Subject: [PATCH] Fix layout

---
 pflaenzli/pflaenzli/templates/user/public.html | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/pflaenzli/pflaenzli/templates/user/public.html b/pflaenzli/pflaenzli/templates/user/public.html
index 9f2525c..2f1b35d 100644
--- a/pflaenzli/pflaenzli/templates/user/public.html
+++ b/pflaenzli/pflaenzli/templates/user/public.html
@@ -20,22 +20,24 @@
         <h2 class="h3">{% trans "Offers" %}</h2>
     </div>
     {% if offers %}
-        <div class="card-deck d-flex justify-content-around justify-content-sm-around justify-content-md-between flex-wrap">
+        <div class="row row-cols-1 row-cols-md-2 row-cols-xl-3 mt-3 mb-3 row-gap-5">
             {% for offer in offers %}
                 <div class="col">
-                    <div class="card h-100 p-0 flex-column justify-content-between">
+                    <div class="card h-100 p-0">
                         <a href="{% url 'offer_detail' offer.id %}">
                             {% if offer.image %}
-                                <img class="card-img-top offer-img" src="{{ offer.image.url }}"/>
+                                <img class="card-img-top offer-img" src="{{ offer.image.url }}" />
                             {% else %}
                                 <img class="card-img-top offer-img" src="{% static 'placeholder.jpg' %}" />
                             {% endif %}
                             <div class="card-body">
-                                <h5 class="h5">{{ offer.title }}</h5>
+                                <h5 class="h5">
+                                    {{ offer.title }}<span class="ms-2 badge pfl-{{ offer.category|lower }}">{{ offer.get_category_display }}</span>
+                                </h5>
                             </div>
                         </a>
                         <div class="card-footer d-flex justify-content-between">
-                            <a href="#">
+                            <a href="{% url 'user_detail' offer.user.id %}">
                                 <i class="fas fa-user mt-3"></i> {{ offer.user.username }}
                             </a>
                             <p class="zip">