From e98b9161eb0999ebf3ef7a3291d4a9f075d578b0 Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anata@darapsa.co.id>
Date: Mon, 5 Jul 2021 15:16:20 +0700
Subject: add block-header to all section header

---
 pages/ord/checkout.html | 62 ++++++++++++++++++++++++++++++-------------------
 1 file changed, 38 insertions(+), 24 deletions(-)

(limited to 'pages/ord/checkout.html')

diff --git a/pages/ord/checkout.html b/pages/ord/checkout.html
index 5d38156..963ccf5 100644
--- a/pages/ord/checkout.html
+++ b/pages/ord/checkout.html
@@ -24,9 +24,9 @@
 						<input type="hidden" name="mv_action" value="refresh"/>
 						<div class="block">
 							<div class="block-header">
-								<h4 class="d-flex justify-content-between align-items-center mb-3">[L]Order review[/L]</h4>
+								<h4 class="d-flex justify-content-between align-items-center">[L]Order review[/L]</h4>
 							</div>
-							<ul class="list-group mb-3">
+							<ul class="list-group my-3">
 								<!-- Product Item -->
 								[if items][then][item-list][item-calc]
 								#Log("Checking master item $master");
@@ -66,7 +66,9 @@
 						</div>
 						<!-- Shipping Address -->
 						<div>
-							<h4 class="mb-3">Shipping</h4>
+							<div class="block-header">
+								<h4 class="d-flex justify-content-between align-items-center">Shipping</h4>
+							</div>
 							[include include/checkout/shipping_address]
 						</div>
 						<!-- End of Shipping Address -->
@@ -75,17 +77,23 @@
 						<!-- End of Billing Address -->
 						<!-- Delivery Method -->
 						<div>
-							<h4>Delivery method</h4>
+							<div class="block-header">
+								<h4 class="d-flex justify-content-between align-items-center">Delivery method</h4>
+							</div>
 							<!-- Delivery option-->
-							<div class="row">
-								<div class="form-group col-md-6 d-flex align-items-center">
-									<input type="radio" name="mv_shipmode" id="option0" value="cpa" checked/>
-									<label class="ml-3" for="option0">
-										<strong class="d-block text-uppercase mb-2">[shipping-desc]</strong>
-										<span class="text-muted text-sm">
-											[L]Get it right on next day - fastest option possible.[/L]
-										</span>
-									</label>
+							<div class="block my-5">
+								<div class="block-body">
+									<div class="row">
+										<div class="form-group col-md-6 d-flex align-items-center">
+											<input type="radio" name="mv_shipmode" id="option0" value="cpa" checked/>
+											<label class="ml-3" for="option0">
+												<strong class="d-block text-uppercase mb-2">[shipping-desc]</strong>
+												<span class="text-muted text-sm">
+													[L]Get it right on next day - fastest option possible.[/L]
+												</span>
+											</label>
+										</div>
+									</div>
 								</div>
 							</div>
 							<!-- End of delivery option -->
@@ -93,23 +101,29 @@
 						<!-- End of Delivery Method -->
 						<!-- Payment Method -->
 						<div>
-							<h4 class="mb-3">Payment method</h4>
-							<!-- Payment Option-->
-							<div class="row">
-								<div class="form-group col-md-6 d-flex align-items-center">
-									<input type="radio" name="mv_order_profile" value="purchase_order" id="payment-method-1" checked/>
-									<label class="ml-3" for="payment-method-1">
-										<strong class="d-block text-uppercase mb-2">[L]Manual Transfer[/L]</strong>
-										<span class="text-muted text-sm">[L]Please make payments by using the bank transfer method to BCA 12345678 a/n ABCDEFG.[/L]</span>
-									</label>
+							<div class="block-header">
+								<h4 class="d-flex justify-content-between align-items-center">Payment method</h4>
+							</div>
+							<div class="block-body">
+								<!-- Payment Option-->
+								<div class="row">
+									<div class="form-group col-md-6 d-flex align-items-center">
+										<input type="radio" name="mv_order_profile" value="purchase_order" id="payment-method-1" checked/>
+										<label class="ml-3" for="payment-method-1">
+											<strong class="d-block text-uppercase mb-2">[L]Manual Transfer[/L]</strong>
+											<span class="text-muted text-sm">[L]Please make payments by using the bank transfer method to BCA 12345678 a/n ABCDEFG.[/L]</span>
+										</label>
+									</div>
 								</div>
+								<!-- /Payment Option-->
 							</div>
-							<!-- /Payment Option-->
 						</div>
 						<!-- End of Payment Method -->
 						<!-- Order summary -->
 						<div>
-							<h4 class="mb-3">Order Summary</h4>
+							<div class="block-header">
+								<h4 class="d-flex justify-content-between align-items-center">Order Summary</h4>
+							</div>
 							<div>
 								<p class="text-sm">Shipping and additional costs are calculated based on values you have entered.</p>
 								<ul class="order-summary mb-0 list-unstyled">
-- 
cgit v1.2.3