From cd7fb852f0ebeb2d2e5467637d48312658bb830c Mon Sep 17 00:00:00 2001
From: luis cielak <luis+dds@promptworks.com>
Date: Wed, 5 Sep 2018 10:25:02 -0500
Subject: [PATCH] Arrange fields in column layout

---
 templates/request_approval.html | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/templates/request_approval.html b/templates/request_approval.html
index aae3d6cb..99e3e774 100644
--- a/templates/request_approval.html
+++ b/templates/request_approval.html
@@ -94,6 +94,7 @@
         <h4 class="h3">Mission Authorizing Official</h4>
 
         <div class='form-row'>
+
           <div class='form-col'>
 
             <div class='usa-input'>
@@ -101,16 +102,32 @@
               <input id='mo-behalf-fname' type='text' placeholder='First name of mission authorizing official' />
             </div>
 
+          </div>
+
+          <div class='form-col'>
+
             <div class='usa-input'>
               <label for='mo-behalf-lname'>Last Name</label>
               <input id='mo-behalf-lname' type='text' placeholder='Last name of mission authorizing official'/>
             </div>
 
+          </div>
+
+        </div>
+
+        <div class='form-row'>
+
+          <div class='form-col'>
+
             <div class='usa-input'>
               <label for='mo-behalf-email'>Mission Owner e-mail</label>
               <input id='mo-behalf-email' type='email' placeholder='name@mail.mil'/>
             </div>
 
+          </div>
+
+          <div class='form-col'>
+
             <div class='usa-input'>
               <label for='mo-behalf-phone'>Mission Owner phone number</label>
               <input id='mo-behalf-phone' type='tel' placeholder='(123) 456-7890'/>
@@ -124,6 +141,7 @@
         <h4 class="h3">CCPO Authorizing Official</h4>
 
         <div class="form-row">
+
           <div class='form-col'>
 
             <div class='usa-input'>
@@ -131,18 +149,26 @@
               <input id='ccpo-behalf-fname' type='text' placeholder='First name of authorizing official' />
             </div>
 
+          </div>
+
+          <div class='form-col'>
+
             <div class='usa-input'>
               <label for='ccpo-behalf-lname'>Last Name</label>
               <input id='ccpo-behalf-lname' type='text' placeholder='Last name of authorizing official' />
             </div>
-          </div>
 
+          </div>
         </div>
 
       </div>
 
+    </div>
 
-    </section>
+  </div>
+
+
+</section>
 
     <section class='action-group'>
       <a href='#' class='usa-button usa-button-big'>Approve Request</a>