Update templates/cart.html

templates/cart.html

@@ -46,9 +46,12 @@
             border-radius: 8px;             /* Optional: rounded corners */
             transition: transform 0.3s;
         }
-/* Ensure the dropdown only takes 30% of the width */
+/* Ensure the dropdown takes 30% width and is positioned to the right */
 #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 */
@@ -56,8 +59,9 @@
     margin-top: 10px; /* Space between the link and the dropdown */
 }
 
-/* Positioning the Apply Coupon link and dropdown */
+/* Ensure the Apply Coupon section is displayed properly */
 .coupon-selection {
+    position: relative; /* Make the parent container relative to position the dropdown */
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -83,6 +87,7 @@
 }
 
 
+
         .cart-item img:hover {
             transform: scale(1.05);
         }