From 5b55367824daf44c62392ef5a691ad33ea3999ef Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Mon, 11 Dec 2023 19:27:01 +0530
Subject: [PATCH] refactor: update styles for checkout cart summary

---
 templates/checkout/_partials/cart-summary-product-line.tpl | 6 +++---
 templates/checkout/_partials/cart-summary.tpl              | 5 +++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/templates/checkout/_partials/cart-summary-product-line.tpl b/templates/checkout/_partials/cart-summary-product-line.tpl
index 258522b..0badf81 100644
--- a/templates/checkout/_partials/cart-summary-product-line.tpl
+++ b/templates/checkout/_partials/cart-summary-product-line.tpl
@@ -23,12 +23,12 @@
  * International Registered Trademark & Property of PrestaShop SA
  *}
 {block name='cart_summary_product_line'}
-  <div class="media-left">
+  <div class="flex max-md:justify-center">
     <a href="{$product.url}" title="{$product.name}">
-      <img class="media-object" src="{$product.cover.small.url}" alt="{$product.name}">
+      <img class="media-object max-w-[100px]" src="{$product.cover.small.url}" alt="{$product.name}">
     </a>
   </div>
-  <div class="media-body">
+  <div class="flex flex-col max-md:items-center pt-4">
     <span class="product-name md:text-lg font-medium">{$product.name}</span>
     <div class="flex items-center gap-2 max-md:mt-2">
       <span class="product-price font-semibold md:font-bold">{$product.price}</span>
diff --git a/templates/checkout/_partials/cart-summary.tpl b/templates/checkout/_partials/cart-summary.tpl
index bdd1f12..fb127ed 100644
--- a/templates/checkout/_partials/cart-summary.tpl
+++ b/templates/checkout/_partials/cart-summary.tpl
@@ -43,9 +43,10 @@
 
         {block name='cart_summary_product_list'}
           <div class="th-accordion-item-content p-4 border border-gray-200" id="cart-summary-product-list">
-            <ul class="media-list w-full flex flex-col gap-4 ">
+            <ul class="media-list w-full flex flex-col">
               {foreach from=$cart.products item=product}
-                <li class="media w-full flex gap-4">{include file='checkout/_partials/cart-summary-product-line.tpl' product=$product}</li>
+                <li class="media w-full flex max-md:flex-col max-md:items-center md:gap-4">{include file='checkout/_partials/cart-summary-product-line.tpl' product=$product}</li>
+                <hr class="last:hidden my-2"/>
               {/foreach}
             </ul>
           </div>