From 6e624a2b88a218efde998b9cdb2dc682981ffa0c Mon Sep 17 00:00:00 2001
From: Raz <razmig@staxriver.com>
Date: Fri, 21 Mar 2025 09:44:08 +0100
Subject: [PATCH] clean up

---
 shop/static/shop/css/shop.css                 | 29 +++++++++----------
 .../shop/partials/order_items_display.html    |  2 +-
 shop/templates/shop/payment.html              |  3 +-
 3 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/shop/static/shop/css/shop.css b/shop/static/shop/css/shop.css
index 6518b81..af235ff 100644
--- a/shop/static/shop/css/shop.css
+++ b/shop/static/shop/css/shop.css
@@ -139,6 +139,19 @@
 /* Cart Table */
 .cart-table {
     width: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+    border-radius: 12px;
+    overflow: hidden;
+    padding: 0px;
+}
+
+.cart-table tbody tr.odd-row {
+    background-color: #f0f0f0;
+}
+
+.cart-table tbody tr.even-row {
+    background-color: #e8e8e8;
 }
 
 .cart-table th,
@@ -155,19 +168,10 @@
     text-align: right;
 }
 
-.cart-table thead,
 .cart-table tfoot {
     background-color: #f5f5f5;
 }
 
-.cart-table tbody tr.odd {
-    background-color: #f0f0f0;
-}
-
-.cart-table tbody tr.even {
-    background-color: #e8e8e8;
-}
-
 .cart-table tfoot .total-label {
     font-weight: bold;
 }
@@ -375,13 +379,6 @@ v .cart-table {
     width: 100%;
 }
 
-.cart-table tbody tr {
-    /* margin-bottom: 15px;
-  padding: 10px;
-  border-radius: 8px;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.1); */
-}
-
 .cart-table td {
     display: flex;
     /* padding: 8px 5px;
diff --git a/shop/templates/shop/partials/order_items_display.html b/shop/templates/shop/partials/order_items_display.html
index ffd4a0a..1dd70a7 100644
--- a/shop/templates/shop/partials/order_items_display.html
+++ b/shop/templates/shop/partials/order_items_display.html
@@ -1,7 +1,7 @@
 <table class="cart-table">
   <tbody>
     {% for item in items %}
-    <tr class="{% cycle 'odd' 'even' %}">
+    <tr class="{% cycle 'odd-row' 'even-row' %}">
       <td class="text-left product-name" data-label="Produit">{{ item.product_title }}</td>
       <td class="product-color" data-label="Couleur">
         <div class="color-display">
diff --git a/shop/templates/shop/payment.html b/shop/templates/shop/payment.html
index f22c0ee..b9c9db4 100644
--- a/shop/templates/shop/payment.html
+++ b/shop/templates/shop/payment.html
@@ -28,11 +28,10 @@
     <div class="cell medium-6 large-6 my-block">
         <h1 class="club my-block topmargin20">Résumé de votre commande</h1>
         <div class="bubble">
-            <h3>Détails de la commande</h3>
             {% include 'shop/partials/order_items_display.html' with items=display_data.items total_quantity=display_data.total_quantity total_price=display_data.total_price edit_mode=False %}
 
             <!-- Stripe checkout button -->
-            <div id="payment-container">
+            <div class="cart-summary">
                 <button id="checkout-button" class="confirm-nav-button checkout-button">Procéder au paiement</button>
             </div>
         </div>