pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Arrange fields in column layout

Browse Source
This commit is contained in:
luis cielak 2018-09-05 10:25:02 -05:00
parent 447e759277
commit cd7fb852f0
1 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
templates/request_approval.html
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>
@ -142,7 +168,7 @@
</div> </div>
</section> </section>
<section class='action-group'> <section class='action-group'>
<a href='#' class='usa-button usa-button-big'>Approve Request</a> <a href='#' class='usa-button usa-button-big'>Approve Request</a>