11

application/views/mobile_first/ch-info-page-form.php

@@ -44,12 +44,7 @@
                             </div>
 
                             <div id="adultBlock" style="display: none">
-							<p style="
+							
-margin-bottom: -25px;
-    font-size: 22px;
-    margin-top: 80px;
-    text-align: left;
-">When you plan to take the trip:</p>
                                 <div class="peopleSelect">
                                     <p style="    margin-top: 20px;
     text-align: left;
@@ -148,8 +143,7 @@ margin-bottom: -25px;
                         </div>
 
                         <div class="selectionBlock" style="margin-bottom: 10px;">
-                            <p style="    margin-top: 10px;
+                            <p style="text-align: left; font-weight: 400;"><strong>
-                            margin-bottom: 0;"><strong>
                         When would you travel?
                                 </strong></p>
                                 <div id="date_error_msg" style="display: none">
@@ -177,10 +171,16 @@ margin-bottom: -25px;
                 <div class="trip_date_length" id="tripDateBlock" style="display: none">
                               <p style="margin-bottom: 10px;">Select your travel date and trip length (days).</p>
                   <div id='dateSelectionBlock'>
-                  <input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value="" placeholder="mm/dd/yyyy" autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px;
+                  <input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value="" placeholder="mm/dd/yyyy" autocomplete="off" style="width: auto;
-                  margin-top: 5px;">            
+                  float: left;
-                  <input type="month" id="expectedMonth" name="expected_month" placeholder="Select your expected travel date." style="width: auto; float: left; margin-right: 15px;height: 30px;
+                  margin-right: 15px;
-                  margin-top: 5px;">
+                  border-radius: 6px;
+                  padding: 0 15px;">            
+                  <input type="month" id="expectedMonth" name="expected_month" placeholder="Select your expected travel date." style="width: auto;
+                  float: left;
+                  margin-right: 15px;
+                  border-radius: 6px;
+                  padding: 0 15px;">
                   </div>
                   <div class="peopleSelect">
                     <div class="numberBtn">
@@ -209,13 +209,13 @@ margin-bottom: -25px;
                 <span id="email_errmsg" style="display: none"><span class="requiredArea">Please enter your email.</span></span>
                 <span id="email_verify_errmsg" style="display: none"><span class="requiredArea">Please verify your email.</span></span>
             </p>
-            <p>
+   <!--         <p>
                 <span class="inquiry_form_tag"><img src="https://data.chinahighlights.com/pic/top10/tour-calendar.png">
                     <span class="form_required">*</span></span>     
                 <input class="InquiryCalendar" data-min-date="7" id="starting_date"
                                               name="date_start" placeholder="Starting date" readonly="readonly"
                                               type="text"/><span id="starting_date_errmsg" style="display: none"><span
-                                class="requiredArea">Please enter your starting date.</span></span></p>
+                                class="requiredArea">Please enter your starting date.</span></span></p>-->
             <p>
                 <select name="country_code" class="country_code">
                 <option style="font-weight: 600;" value="United States +1">United States&nbsp; &nbsp;+1</option>