Update templates/order_history.html

templates/order_history.html

@@ -50,6 +50,15 @@
             margin: 10px 0;
         }
 
+      .order-status p {
+    margin: 5px 0;
+}
+
+.order-status .status-label {
+    color: lightgrey;  /* Light grey color for "Status:" label */
+    font-weight: normal;  /* Optional: make the label less bold */
+}
+
         .order-status {
             font-size: 14px;
             font-weight: bold;
@@ -162,7 +171,8 @@
 
         <!-- Order Status -->
     <div class="order-status">
-        <p>Status: {{ order.order_status }}</p> <!-- Display order status -->
+        <p class="status-label">Status:</p>  <!-- Light grey for 'Status:' -->
+        <p>{{ order.order_status }}</p>  <!-- Display order status -->
     </div>
       
     </div>