Update form styles

This is so the radio buttons will not be orphaned

diff --git a/Toolkit/Contacts/PassPort.php b/Toolkit/Contacts/PassPort.php
index 774d814..0fa1674 100755 (executable)
--- 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 (file)
--- 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}