From 3cf588c02d52bd9f1695fc485c7136fb6ff0b245 Mon Sep 17 00:00:00 2001
From: Steve Sutton <steve@gaslightmedia.com>
Date: Tue, 14 Apr 2015 13:24:41 -0400
Subject: [PATCH] Update form styles

This is so the radio buttons will not be orphaned
---
 Toolkit/Contacts/PassPort.php               | 28 ++++++++++++++++++---
 Toolkit/Contacts/templates/contactForm.html |  4 +++
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/Toolkit/Contacts/PassPort.php b/Toolkit/Contacts/PassPort.php
index 774d814..0fa1674 100755
--- a/Toolkit/Contacts/PassPort.php
+++ b/Toolkit/Contacts/PassPort.php
@@ -268,10 +268,30 @@ class Toolkit_Contacts_PassPort
         $e[] = array(
             'type'    => 'static',
             'req'     => false,
-            'display' => '</label><table role="grid">'
-            . '<tr><td>Postage and Handling</td><td>$<input type="text" readonly value="3" style="width: 50px;"></td></tr>'
-            . '<tr><td>Total Price</td><td>$<input type="text" id="passport_total" name="total_price" readonly value="0" style="width: 50px;"></td></tr>'
-            . '</table></label>'
+            'display' => '</label>
+            <div class="row collapse">
+                <div class="small-8 medium-4 columns">
+                    <label>Postage and Handling</label>
+                </div>
+                <div class="small-1 columns">
+                    <span class="prefix">$</span>
+                </div>
+                <div class="small-3 medium-7 columns">
+                    <input type="text" readonly value="3" style="width: 50px;">
+                </div>
+            </div>
+            <div class="row collapse">
+                <div class="small-8 medium-4 columns">
+                    <label>Total Price</label>
+                </div>
+                <div class="small-1 columns">
+                    <span class="prefix">$</span>
+                </div>
+                <div class="small-3 medium-7 columns">
+                    <input type="text" id="passport_total" name="total_price" readonly value="0" style="width: 50px;">
+                </div>
+            </div>
+            <label>'
         );
 
         if ($this->hasAuthNetAcc) {
diff --git a/Toolkit/Contacts/templates/contactForm.html b/Toolkit/Contacts/templates/contactForm.html
index 60f03df..77e6e08 100644
--- a/Toolkit/Contacts/templates/contactForm.html
+++ b/Toolkit/Contacts/templates/contactForm.html
@@ -50,7 +50,9 @@
                                 {else:}
                                     <label>{elem.label:h}</label>
                                 {end:}
+                                <div class="row collapse">
                                 {foreach:elem.elements,gitem}
+                                    <div class="small-12 medium-6 columns">
                                     {gitem.html:h}
                                     {if:gitem.required}<div class="req">*</div>{end:}
                                     <?php
@@ -60,7 +62,9 @@
                                     }
                                     ?>
                                     <label for="<?php echo $labelFor;?>">{gitem.label:h}</label>
+                                    </div>
                                 {end:}
+                                </div>
                                 {if:elem.error}<small class="error">{elem.error}</small>{end:}
                             {else:}
                                 {if:elem.required}
-- 
2.17.1