From 8561f275ac4783ff4df6d671302959b19059c39e Mon Sep 17 00:00:00 2001
From: candice <candice@hainatravel.com>
Date: Wed, 13 Dec 2023 14:49:47 +0800
Subject: [PATCH] 11

---
 application/views/orders/tailormade.php | 72 ++++++++++++++++++++-----
 1 file changed, 58 insertions(+), 14 deletions(-)

diff --git a/application/views/orders/tailormade.php b/application/views/orders/tailormade.php
index d4c985a3..7192846f 100644
--- a/application/views/orders/tailormade.php
+++ b/application/views/orders/tailormade.php
@@ -1453,14 +1453,18 @@ right: 5px;">
 					</div>
 
 					<div id="adultBlock" style="display: none">
-						<h3 style="padding: 0;">
+						<h4 style="padding: 0;font-weight:600;">
 							Adults number
-						</h3>
-						<div class="peopleSelect" style="width: 270px;">
+						</h4>
+						<div class="peopleSelect" style="width: 210px;">
 							<span class="formMemo">
 								65+ yrs old
 							</span>
-							<select class="country_code" id="adultNumber_65_plus" name="adult_65_plus" style="width: 235px;height: 40px;">
+							<select class="country_code" id="adultNumber_65_plus" name="adult_65_plus" style="width: 70px;
+    height: 40px;
+    float: left;
+    display: inline-block;
+    margin-right: 10px;">
 								<option value="0">0</option>
 								<option value="1">1 person</option>
 								<option value="2">2 people</option>
@@ -1494,12 +1498,20 @@ right: 5px;">
 								<option value="30">30 people</option>
 								<option value="31">31 or more people</option>
 								</select>
+								<p style="
+    display: inline-block;
+    margin-top: 5px;
+">people</p>
 						</div>
-						<div class="peopleSelect" style="width: 270px;">
+						<div class="peopleSelect" style="width: 210px;">
 							<span class="formMemo">
 								41-64 yrs old
 							</span>
-							<select class="country_code" id="adultNumber_41_64" name="adult_41_64" style="width: 235px;height: 40px;">
+							<select class="country_code" id="adultNumber_41_64" name="adult_41_64" style="width: 70px;
+    height: 40px;
+    float: left;
+    display: inline-block;
+    margin-right: 10px;">
 								<option value="0">0</option>
 								<option value="1">1 person</option>
 								<option value="2">2 people</option>
@@ -1533,8 +1545,12 @@ right: 5px;">
 								<option value="30">30 people</option>
 								<option value="31">31 or more people</option>
 								</select>
+								<p style="
+    display: inline-block;
+    margin-top: 5px;
+">people</p>
 						</div>
-						<div class="peopleSelect" style="width: 270px;">
+						<div class="peopleSelect" style="width: 210px;">
 							<span class="formMemo">
 								18-40 yrs old
 							</span>
@@ -1572,6 +1588,10 @@ right: 5px;">
 								<option value="30">30 people</option>
 								<option value="31">31 or more people</option>
 								</select>
+								<p style="
+    display: inline-block;
+    margin-top: 5px;
+">people</p>
 						</div>
 						
 					
@@ -1579,12 +1599,16 @@ right: 5px;">
 					<div class="clear"></div>
 
 					<div id="childrenBlock" style="display: none">
-						<h3 style="padding: 0;">Children number (age at time of trip)</h3>
-						<div class="peopleSelect" style="width: 270px;">
+						<h4 style="padding: 0; font-weight:600;">Children number (age at time of trip)</h4>
+						<div class="peopleSelect" style="width: 210px;">
 							<span class="formMemo">
 								10-17 yrs old
 							</span>
-							<select class="country_code" id="teenagerNumber" name="teenager_10_17" style="width: 235px;height: 40px;">
+							<select class="country_code" id="teenagerNumber" name="teenager_10_17" style="width: 70px;
+    height: 40px;
+    float: left;
+    display: inline-block;
+    margin-right: 10px;">
 								<option value="0">0</option>
 								<option value="1">1 person</option>
 								<option value="2">2 people</option>
@@ -1592,12 +1616,20 @@ right: 5px;">
 								<option value="4">4 people</option>
 								<option value="5">5 people</option>
 								</select>
+								<p style="
+    display: inline-block;
+    margin-top: 5px;
+">people</p>
 						</div>
-						<div class="peopleSelect" style="width: 270px;">
+						<div class="peopleSelect" style="width: 210px;">
 							<span class="formMemo">
 								3-9 yrs old
 							</span>
-							<select class="country_code" id="childrenNumber" name="children_3_9" style="width: 235px;height: 40px;">
+							<select class="country_code" id="childrenNumber" name="children_3_9" style="width: 70px;
+    height: 40px;
+    float: left;
+    display: inline-block;
+    margin-right: 10px;">
 								<option value="0">0</option>
 								<option value="1">1 person</option>
 								<option value="2">2 people</option>
@@ -1605,12 +1637,20 @@ right: 5px;">
 								<option value="4">4 people</option>
 								<option value="5">5 people</option>
 								</select>
+								<p style="
+    display: inline-block;
+    margin-top: 5px;
+">people</p>
 						</div>
-						<div class="peopleSelect" style="width: 270px;">
+						<div class="peopleSelect" style="width: 210px;">
 							<span class="formMemo">
 								0-2 yrs old
 							</span>
-							<select class="country_code" id="infantNumber" name="infant_0_2" style="width: 235px;height: 40px;">
+							<select class="country_code" id="infantNumber" name="infant_0_2" style="width: 70px;
+    height: 40px;
+    float: left;
+    display: inline-block;
+    margin-right: 10px;">
 								<option value="0">0</option>
 								<option value="1">1 person</option>
 								<option value="2">2 people</option>
@@ -1618,6 +1658,10 @@ right: 5px;">
 								<option value="4">4 people</option>
 								<option value="5">5 people</option>
 								</select>
+								<p style="
+    display: inline-block;
+    margin-top: 5px;
+">people</p>
 						</div>
 					</div>
 				</div>