Update templates/cart.html

templates/cart.html

@@ -46,12 +46,9 @@
             border-radius: 8px;             /* Optional: rounded corners */
             transition: transform 0.3s;
         }
-/* Ensure the dropdown takes 30% width and is positioned to the right */
+/* Ensure the dropdown only takes 30% of the width */
 #couponDropdown {
     width: 30%; /* Set the dropdown width to 30% */
-    position: absolute; /* Position it absolutely relative to the parent */
-    top: 0; /* Align it at the same height as the parent container */
-    right: 0; /* Align it to the right of the parent container */
     display: none; /* Hidden by default */
     background-color: #fff; /* White background for the dropdown */
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow to dropdown */
@@ -59,9 +56,8 @@
     margin-top: 10px; /* Space between the link and the dropdown */
 }
 
-/* Ensure the Apply Coupon section is displayed properly */
+/* Positioning the Apply Coupon link and dropdown */
 .coupon-selection {
-    position: relative; /* Make the parent container relative to position the dropdown */
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -87,7 +83,6 @@
 }
 
 
-
         .cart-item img:hover {
             transform: scale(1.05);
         }