Update templates/cart.html

templates/cart.html

@@ -25,16 +25,7 @@
             box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
         }
         
-        .cart-item {
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-    border: 1px solid ;
-    padding: 15px; /* Padding for the content */
-    box-sizing: border-box;
-    min-height: 100px;
-    position: relative; /* Make the cart item a reference for the absolute positioning of the remove icon */
-}
+        
 .remove-icon {
     border: none;
     background: none;
@@ -68,13 +59,45 @@
         .cart-item img:hover {
             transform: scale(1.05);
         }
-        .cart-item-title {
-            font-size: 1.1rem;
-            font-weight: 600;
-        }
-        .cart-item-actions .text-primary {
-            color: #000 !important; /* Changed from blue to black */
-        }
+.cart-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 15px;
+    box-sizing: border-box;
+    min-height: 100px;
+    position: relative;
+    border: none !important;  /* Remove border */
+    background-color: white;
+}
+
+.cart-item-title {
+    font-size: 1.1rem;
+    font-weight: 600;
+    flex-grow: 1; /* Allow name to take available space */
+}
+
+.cart-item-details {
+    display: flex;
+    align-items: center;
+    justify-content: space-between; /* Keep details well aligned */
+    width: 100%;
+}
+
+.cart-item-actions {
+    display: flex;
+    align-items: center; /* Align price with the name */
+    justify-content: flex-end;
+    min-width: 100px; /* Ensures proper alignment */
+}
+
+.cart-item-actions .text-primary {
+    color: black !important; /* Ensure price is black */
+    font-weight: bold;
+}
+
+        
+       
 
         .checkout-button {
            background-color: #0FAA39; /* Green background */
@@ -105,11 +128,7 @@
             background-color: #fff;
             color: #0FAA39;
         }
-        
-        .cart-item-details {
-            flex: 1;
-            margin-left: 15px;
-        }
+       
        
         .cart-item-quantity {
             display: flex;