From 0beec3cb677f27ed5803e1313191f6615fdbaebd Mon Sep 17 00:00:00 2001
From: pauline <pauline.attal8@gmail.com>
Date: Fri, 29 Sep 2023 09:44:24 +0200
Subject: [PATCH] change html classes for appearence in 'voir'

---
 .../order/grouped_order_overview.html         | 26 ++++++++++++-------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/la_chariotte/order/templates/order/grouped_order_overview.html b/la_chariotte/order/templates/order/grouped_order_overview.html
index 6a0d384..02498a7 100644
--- a/la_chariotte/order/templates/order/grouped_order_overview.html
+++ b/la_chariotte/order/templates/order/grouped_order_overview.html
@@ -176,7 +176,7 @@
         <!-- Order detail modal -->
         <div id="order-detail-{{ order.id }}" class="modal">
           <div class="modal-background"></div>
-          <div class="modal-card ">
+          <div class="modal-card">
             <header class="modal-card-head has-background-info">
               <div class="modal-card-title-container">
                 <p class="modal-card-title">Commande de {{ order.author }}</p>
@@ -184,27 +184,35 @@
               <button class="delete" aria-label="close"></button>
             </header>
             <section class="modal-card-body">
-              <div class="columns">
-                <div class="column">
+              <div class="columns is-multiline">
+                <div class="column is-full">
                   {% for item in order.ordered_items.all %}
                   {{ item.nb }} × {{ item.item.name }}
-                  <hr class="mb-0 mt-1">
+                  <hr class="mb-1 mt-1">
                   {% endfor %}
                 </div>
                 {% if order.note %}
-                <div class="column is-4">
+                <div class="column is-full">
                   <p class="mini-title">Note à l'organisateur·ice</p>
                   <p>{{ order.note }}</p>
                 </div>
+                {% endif %}
+                <div class="column is-full">
+                  <p class="mini-title">Numéro de téléphone</p>
+                  <p>{{ order.author.phone }}</p>
+                </div>
               </div>
-              {% endif %}
             </section>
             <footer class="modal-card-foot">
-              <p class="mini-title">Total à payer</p>
-              <p>{{ order.price }} €</p>
+              <div class="columns">
+                <div class="column is-half">
+                  <p class="mini-title">Total à payer</p>
+                  <p>{{ order.price }} €</p>
+                </div>
+              </div>
             </footer>
           </div>
-        </div>
+        </div>        
 
         <!-- Confirm delete order modal -->
         <div id="confirm-delete-{{ order.id }}" class="modal">