From f7198fe7173404a3c08cb8516413f2a7d1d76bc9 Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anata@darapsa.co.id>
Date: Mon, 5 Jul 2021 14:57:21 +0700
Subject: fix column layout for billing and shipping form

---
 include/checkout/billing_address  | 16 ++++++++--------
 include/checkout/shipping_address |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

(limited to 'include/checkout')

diff --git a/include/checkout/billing_address b/include/checkout/billing_address
index ee3ecb9..4df0528 100644
--- a/include/checkout/billing_address
+++ b/include/checkout/billing_address
@@ -1,21 +1,21 @@
-									<div class="row">
-										<div class="form-group">
+									<div class="row g-4">
+										<div class="form-group col-md-12">
 											<label class="form-label" for="firstname">[L]First Name[/L]</label>
 											<input class="form-control" type="text" name="fname" placeholder="Joe" id="firstname" value="[evalue fname]"/>
 										</div>
-										<div class="form-group">
+										<div class="form-group col-md-12">
 											<label class="form-label" for="lastname">[L]Last Name[/L]</label>
 											<input class="form-control" type="text" name="lname" placeholder="Biden" id="lastname" value="[evalue lname]"/>
 										</div>
-										<div class="form-group">
+										<div class="form-group col-md-12">
 											<label class="form-label" for="emailaddress_shipping">[L]Email Address[/L]</label>
 											<input class="form-control" type="text" name="email" placeholder="joe.black@gmail.com" id="emailaddress_shipping" value="[evalue email]"/>
 										</div>
-										<div class="form-group">
+										<div class="form-group col-md-12">
 											<label class="form-label" for="street_shipping">[L]Street[/L]</label>
 											<input class="form-control" type="text" name="address1" placeholder="123 Main St." id="street_shipping" value="[evalue address1]"/>
 										</div>
-										<div class="form-group">
+										<div class="form-group col-md-8">
 											<label class="form-label" for="city_shipping">[L]City[/L]</label>
 											<select name="city" id="city_shipping" class="form-control" onchange="this.form.submit()">
 												<option value="-- [L]Please select[/L] --">-- [L]Please select[/L] --</option>[perl tables="products shipping"]
@@ -34,7 +34,7 @@ return $options;
 [/perl]
 											</select>
 										</div>
-										<div class="form-group">
+										<div class="form-group col-md-4">
 											<label class="form-label" for="zip_shipping">[L]ZIP[/L]</label>
 											<input class="form-control" type="text" name="zip" placeholder="Postal code" id="zip_shipping" value="[evalue zip]"/>
 										</div>
@@ -43,7 +43,7 @@ return $options;
 											<input class="form-control" type="text" name="state" placeholder="State" id="state_shipping" value="[evalue state]"/>
 										</div-->
 										<input type="hidden" name="country" value="__SHIP_DEFAULT_COUNTRY__"/>
-										<div class="form-group>
+										<div class="form-group col-md-12>
 											<label class="form-label" for="phonenumber_shipping">[L]Phone Number[/L]</label>
 											<input class="form-control" type="text" name="phone_day" placeholder="Phone Number" id="phonenumber_shipping" value="[evalue phone_day]"/>
 										</div>
diff --git a/include/checkout/shipping_address b/include/checkout/shipping_address
index 11d6551..e5260f0 100644
--- a/include/checkout/shipping_address
+++ b/include/checkout/shipping_address
@@ -1,4 +1,4 @@
-									<div class="row">
+									<div class="row g-4">
 										<div class="form-group col-md-12">
 											<label class="form-label" for="firstname">[L]First Name[/L]</label>
 											<input class="form-control" type="text" name="fname" placeholder="Joe" id="firstname" value="[evalue fname]"/>
-- 
cgit v1.2.3