From da8021e054e3aac1e1df540838275fb8ac2f7f48 Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anata@darapsa.co.id>
Date: Mon, 19 Jul 2021 22:28:20 +0700
Subject: add block-header & use proper badge bg

---
 pages/member/account.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/pages/member/account.html b/pages/member/account.html
index a8e60f1..9f5fe43 100644
--- a/pages/member/account.html
+++ b/pages/member/account.html
@@ -10,6 +10,9 @@
 	<!-- End Hero section-->
 	<!-- Orders Section-->
 	<section>
+		<div class="block-header">
+			<h4 class="d-flex justify-content-between">Orders</h4>
+		</div>
 		<div class="container">
 			<div>
 				<table class="table table-borderless table-hover table-responsive-md">
@@ -27,28 +30,28 @@
 							<th class="py-4 align-middle">#12345</th>
 							<td class="py-4 align-middle">22/6/2017</td>
 							<td class="py-4 align-middle">Rp150.000,00</td>
-							<td class="py-4 align-middle"><span class="badge p-2 text-uppercase badge-info">Being prepared</span></td>
+							<td class="py-4 align-middle"><span class="badge p-2 text-uppercase bg-light text-dark">Being prepared</span></td>
 							<td class="py-4 align-middle"><a class="btn btn-outline-dark btn-sm" href="customer-order.html">View</a></td>
 						</tr>
 						<tr>
 							<th class="py-4 align-middle"># 1734</th>
 							<td class="py-4 align-middle">7/5/2017</td>
 							<td class="py-4 align-middle">Rp150.000,00</td>
-							<td class="py-4 align-middle"><span class="badge p-2 text-uppercase badge-warning">Action needed</span></td>
+							<td class="py-4 align-middle"><span class="badge p-2 text-uppercase bg-warning text-dark">Action needed</span></td>
 							<td class="py-4 align-middle"><a class="btn btn-outline-dark btn-sm" href="customer-order.html">View</a></td>
 						</tr>
 						<tr>
 							<th class="py-4 align-middle"># 1730</th>
 							<td class="py-4 align-middle">30/9/2016</td>
 							<td class="py-4 align-middle">Rp150.000,00</td>
-							<td class="py-4 align-middle"><span class="badge p-2 text-uppercase badge-success">Received</span></td>
+							<td class="py-4 align-middle"><span class="badge p-2 text-uppercase bg-success">Received</span></td>
 							<td class="py-4 align-middle"><a class="btn btn-outline-dark btn-sm" href="customer-order.html">View</a></td>
 						</tr>
 						<tr>
 							<th class="py-4 align-middle"># 1705</th>
 							<td class="py-4 align-middle">22/6/2016</td>
 							<td class="py-4 align-middle">Rp150.000,00</td>
-							<td class="py-4 align-middle"><span class="badge p-2 text-uppercase badge-danger">Cancelled</span></td>
+							<td class="py-4 align-middle"><span class="badge p-2 text-uppercase bg-danger">Cancelled</span></td>
 							<td class="py-4 align-middle"><a class="btn btn-outline-dark btn-sm" href="customer-order.html">View</a></td>
 						</tr>
 					</tbody>
-- 
cgit v1.2.3