From 22742e742028ad6bc3c4e793954a4bf6dcdadca2 Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Thu, 14 Dec 2023 16:26:49 +0530
Subject: [PATCH] refactor: align left and right column buttons on cart page

---
 assets/css/theme.css                           | 5 +++++
 templates/checkout/_partials/cart-detailed.tpl | 2 +-
 templates/checkout/cart.tpl                    | 4 ++--
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/assets/css/theme.css b/assets/css/theme.css
index a0aba31..ad66246 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -877,6 +877,11 @@ select {
   margin-bottom: 2rem;
 }
 
+.my-auto {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
 .mb-1 {
   margin-bottom: 0.25rem;
 }
diff --git a/templates/checkout/_partials/cart-detailed.tpl b/templates/checkout/_partials/cart-detailed.tpl
index 2495f25..3cca931 100644
--- a/templates/checkout/_partials/cart-detailed.tpl
+++ b/templates/checkout/_partials/cart-detailed.tpl
@@ -36,7 +36,7 @@
       {/foreach}
     </ul>
     {else}
-      <span class="w-full flex mt-2 p-2 bg-red-100 border border-red-300">
+      <span class="w-full flex mt-12 p-2 bg-red-100 border border-red-300">
         {l s='There are no more items in your cart.' d='Shop.Theme.Checkout'}
       </span>
     {/if}
diff --git a/templates/checkout/cart.tpl b/templates/checkout/cart.tpl
index 7815273..1a9ab7c 100644
--- a/templates/checkout/cart.tpl
+++ b/templates/checkout/cart.tpl
@@ -26,11 +26,11 @@
 
 {block name='content'}
 
-  <section id="main" class="container mx-auto flex">
+  <section id="main" class="container mx-auto flex mb-8">
     <div class="flex flex-col lg:flex-row gap-8 flex-1">
 
       <!-- Left Block: cart product informations & shpping -->
-      <div class="flex flex-col gap-4 w-full lg:w-3/5">
+      <div class="flex flex-col justify-between gap-4 w-full lg:w-3/5">
 
         <!-- cart products detailed -->
         <div class="flex flex-col gap-4">