Update templates/cart.html

templates/cart.html

@@ -285,24 +285,24 @@
             <!-- Subtotal -->
             <div class="cart-summary">
                
-                {% if coupons %}
-                    <div class="coupon-selection">
-                        <label>
-                            Apply Coupon
-                            <a href="javascript:void(0);" id="applyCouponLink" onclick="toggleCouponDropdown()"> + Apply Coupon</a>
-                        </label>
+
+                <div class="bill-details">
+                    <div class="label">Cart Total</div>
+                    <div class="amount">${{ subtotal }}</div>
+                    <!-- Coupon Section -->
+                    {% if coupons %}
+                        <div class="coupon-selection d-flex justify-content-between align-items-center">
+                            <label class="text-dark font-weight-bold mb-0">Apply Coupon</label>
+                            <a href="javascript:void(0);" id="applyCouponLink" onclick="toggleCouponDropdown()" class="text-primary">+ Apply Coupon</a>
+                        </div>
                         <select id="couponDropdown" class="form-select mt-2" style="display:none;" onchange="calculateDiscount()">
                             <option value="">Select a coupon</option>
                             {% for coupon in coupons %}
                                 <option value="{{ coupon }}">{{ coupon }}</option>
                             {% endfor %}
                         </select>
-                    </div>
-                {% endif %}
+                    {% endif %}
 
-                <div class="bill-details">
-                    <div class="label">Cart Total</div>
-                    <div class="amount">${{ subtotal }}</div>
                     <div class="label">Discount</div>
                     <div class="amount" id="discountText">-${{ discount }}</div>