Update templates/cart_page.html

templates/cart_page.html

@@ -30,23 +30,26 @@
             font-size: 1.5em;
             color: #4CAF50;
         }
+        .item-quantity {
+            font-size: 1.2em;
+            color: #555;
+        }
         .item-price {
             font-size: 1.2em;
             font-weight: bold;
             color: #000;
         }
-        .item-quantity {
-            font-size: 1.2em;
-            color: #555;
-        }
         .btn-proceed {
-            padding: 10px;
+            padding: 12px 20px;
             background-color: #4CAF50;
             color: white;
             border: none;
             border-radius: 4px;
             cursor: pointer;
             text-decoration: none;
+            display: block;
+            margin-top: 20px;
+            text-align: center;
         }
         .btn-proceed:hover {
             background-color: #45a049;
@@ -57,7 +60,7 @@
 
     <div class="container">
         <h1>Your Cart</h1>
-        
+
         {% if cart_items %}
         <div id="cart-items">
             {% for item in cart_items %}
@@ -68,7 +71,7 @@
             </div>
             {% endfor %}
         </div>
-        
+
         <a href="/order-summary" class="btn-proceed">Proceed to Order Summary</a>
         {% else %}
         <p>Your cart is empty. Please add items to your cart.</p>