Arrange fields in column layout

This commit is contained in:
luis cielak 2018-09-05 10:25:02 -05:00
parent 447e759277
commit cd7fb852f0

View File

@ -94,6 +94,7 @@
<h4 class="h3">Mission Authorizing Official</h4> <h4 class="h3">Mission Authorizing Official</h4>
<div class='form-row'> <div class='form-row'>
<div class='form-col'> <div class='form-col'>
<div class='usa-input'> <div class='usa-input'>
@ -101,16 +102,32 @@
<input id='mo-behalf-fname' type='text' placeholder='First name of mission authorizing official' /> <input id='mo-behalf-fname' type='text' placeholder='First name of mission authorizing official' />
</div> </div>
</div>
<div class='form-col'>
<div class='usa-input'> <div class='usa-input'>
<label for='mo-behalf-lname'>Last Name</label> <label for='mo-behalf-lname'>Last Name</label>
<input id='mo-behalf-lname' type='text' placeholder='Last name of mission authorizing official'/> <input id='mo-behalf-lname' type='text' placeholder='Last name of mission authorizing official'/>
</div> </div>
</div>
</div>
<div class='form-row'>
<div class='form-col'>
<div class='usa-input'> <div class='usa-input'>
<label for='mo-behalf-email'>Mission Owner e-mail</label> <label for='mo-behalf-email'>Mission Owner e-mail</label>
<input id='mo-behalf-email' type='email' placeholder='name@mail.mil'/> <input id='mo-behalf-email' type='email' placeholder='name@mail.mil'/>
</div> </div>
</div>
<div class='form-col'>
<div class='usa-input'> <div class='usa-input'>
<label for='mo-behalf-phone'>Mission Owner phone number</label> <label for='mo-behalf-phone'>Mission Owner phone number</label>
<input id='mo-behalf-phone' type='tel' placeholder='(123) 456-7890'/> <input id='mo-behalf-phone' type='tel' placeholder='(123) 456-7890'/>
@ -124,6 +141,7 @@
<h4 class="h3">CCPO Authorizing Official</h4> <h4 class="h3">CCPO Authorizing Official</h4>
<div class="form-row"> <div class="form-row">
<div class='form-col'> <div class='form-col'>
<div class='usa-input'> <div class='usa-input'>
@ -131,10 +149,18 @@
<input id='ccpo-behalf-fname' type='text' placeholder='First name of authorizing official' /> <input id='ccpo-behalf-fname' type='text' placeholder='First name of authorizing official' />
</div> </div>
</div>
<div class='form-col'>
<div class='usa-input'> <div class='usa-input'>
<label for='ccpo-behalf-lname'>Last Name</label> <label for='ccpo-behalf-lname'>Last Name</label>
<input id='ccpo-behalf-lname' type='text' placeholder='Last name of authorizing official' /> <input id='ccpo-behalf-lname' type='text' placeholder='Last name of authorizing official' />
</div> </div>
</div>
</div>
</div> </div>
</div> </div>