From a5942c7f240686146c243e22d849db97d0a904b9 Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Sun, 20 Oct 2024 17:36:29 +0100
Subject: tidying up the cart detail page - still nowhere near good enough

---
 alphabetlearning/templates/payments/cart_lineitem.html | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

(limited to 'alphabetlearning/templates/payments/cart_lineitem.html')

diff --git a/alphabetlearning/templates/payments/cart_lineitem.html b/alphabetlearning/templates/payments/cart_lineitem.html
index 0ef8a97..79899df 100644
--- a/alphabetlearning/templates/payments/cart_lineitem.html
+++ b/alphabetlearning/templates/payments/cart_lineitem.html
@@ -1,17 +1,19 @@
 <div class="container my-2">
     <div class="col">
-        <div class="p-2 border border-1 border-success">
-            {{ item.resource.name }}
+        <div class="p-1 bg bg-success-subtle">
+            <p class="fs-3 text fw-bold">{{ item.resource.name }}</p>
         </div>
-        <div class="p-2 border border-1 border-success">
-            {{ item.resource.card_description }} 
-        </div>
-        <div class="d-flex flex-row border border-2 border-danger p-1">
+        <div class="d-flex flex-row p-1">
             {% for tn_url in item.resource.thumbnail_urls  %}
-            <div class="flex-shrink border border-2 border-alert p-1">
-                <img class="img-fluid rounded" src="{{ tn_url }}" alt="unknown"/> 
+            <div class="flex-shrink p-1">
+                <img class="img-thumbnail rounded w-50" src="{{ tn_url }}" alt="unknown"/>
             </div>
             {% endfor %}
         </div>
+        <div class="p-2">
+            <p>{{ item.resource.card_description }}</p>
+            <p><a class="btn btn-danger btn-sm fs-6 text" href="#">Remove from basket</a></p>
+        </div>
     </div>
 </div>
+<hr>
-- 
cgit v1.2.3