From 8077122042571b76d60bd7fb26f8883304bc3c79 Mon Sep 17 00:00:00 2001
From: nemanja85 <mitic.nemanja@hotmail.com>
Date: Sat, 25 Nov 2023 22:25:09 +0100
Subject: [PATCH] fix: Fixed Cart layout on desktop and  mobile version

---
 src/components/CartItem.tsx | 6 +++---
 src/pages/Cart.tsx          | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/CartItem.tsx b/src/components/CartItem.tsx
index aaee96f..bec6049 100644
--- a/src/components/CartItem.tsx
+++ b/src/components/CartItem.tsx
@@ -66,9 +66,9 @@ const CartItem = ({ item }: Props) => {
           {item.currentPrice}
           <sup className="pl-2">RSD</sup>
         </p>
-        <p className="text-base leading-[18px] text-orange-600 line-through pt-2">
-          {item.oldPrice}
-          <sup className="pl-2">RSD</sup>
+        <p className="text-base leading-[18px] text-orange-600 pt-2">
+          <span className="line-through">{item.oldPrice}</span>
+          <sup className="pl-2 ">RSD</sup>
         </p>
       </div>
     </article>
diff --git a/src/pages/Cart.tsx b/src/pages/Cart.tsx
index a7f92c4..a660c1a 100644
--- a/src/pages/Cart.tsx
+++ b/src/pages/Cart.tsx
@@ -16,7 +16,7 @@ export default function Cart() {
                 <CartItem key={cartItem.id} item={cartItem} />
               ))}
             </div>
-            <div className="w-full p-4 mt-5 space-y-3 max-h-96 bg-ligthGray md:w-1/ md:mt-0">
+            <div className="w-full p-4 mt-5 space-y-3 max-h-96 bg-ligthGray md:w-1/ md:mt-0 md:ml-8 md:max-w-[300px] lg:max-w-[400px]">
               <h3 className="text-base font-bold">Tvoja narudžbina</h3>
               <div className="flex flex-col w-full space-y-3">
                 <div className="flex flex-row justify-between">