From 281807396db35433cd4f6ec6698e75689fec2b10 Mon Sep 17 00:00:00 2001
From: Ekaterina Vititneva <e.vititneva@gmail.com>
Date: Thu, 10 Oct 2024 08:45:34 +0200
Subject: [PATCH] Listing details to columns

---
 .../auctions/templates/auctions/listing.html  | 29 ++++++++++++-------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/project_2/commerce/auctions/templates/auctions/listing.html b/project_2/commerce/auctions/templates/auctions/listing.html
index 99325da..6f57471 100644
--- a/project_2/commerce/auctions/templates/auctions/listing.html
+++ b/project_2/commerce/auctions/templates/auctions/listing.html
@@ -50,18 +50,25 @@ <h4 class="listing-bid">{{ listing.bid }}€</h4>
       {% endif %} {% endif %}
     </div>
     <div class="listing-details">
-      <div>Category: {{ listing.category }}</div>
-      <div>Listed by {{ listing.created_by }}</div>
-      <div>Last Bid by {{ listing.last_modified_by }}</div>
-      <div>Created time: {{ listing.created_at }}</div>
-      <div>Updated time: {{ listing.updated_at }}</div>
-      <div>
-        Statuse: {%if listing.active%}
-        <span class="badge text-bg-success">Active</span>
-        {% else %}
-        <span class="badge text-bg-danger">Closed</span>
-        {% endif %}
+      <div class="row">
+          <div class="col-md-6">
+              <p><strong>Category:</strong> {{ listing.category }}</p>
+              <p><strong>Listed by:</strong> {{ listing.created_by }}</p>
+              <p><strong>Last Bid by:</strong> {{ listing.last_modified_by }}</p>
+          </div>
+          <div class="col-md-6">
+              <p><strong>Created time:</strong> {{ listing.created_at }}</p>
+              <p><strong>Updated time:</strong> {{ listing.updated_at }}</p>
+              <p><strong>Statuse:</strong> 
+                {%if listing.active%}
+                <span class="badge text-bg-success">Active</span>
+                {% else %}
+                <span class="badge text-bg-danger">Closed</span>
+                {% endif %}</p>
+          </div>
       </div>
+  </div>
+  
     </div>
   </div>
   <div class="listing-bottom">