form update

ditching previous idea. That is not working for
responsive. Applying foundation div classes.

diff --git a/Toolkit/Contacts/templates/contactForm.html b/Toolkit/Contacts/templates/contactForm.html
index 8b01b4e..a4ffdc9 100644 (file)
--- a/Toolkit/Contacts/templates/contactForm.html
+++ b/Toolkit/Contacts/templates/contactForm.html
@@ -55,13 +55,18 @@
                     {end:}
 
                     {if:elem.isType(#group#)}
-                    <div class="formGroup">
-                        {foreach:elem.elements,gitem}
-                            {gitem.label:h}
-                            {gitem.html:h}{if:gitem.required}<div class="req">*</div>{end:}
-                            {if:elem.separator}{elem.separator:h}{end:}
-                        {end:}
-                    </div>
+
+                        <div class="row collapse">
+
+                            {foreach:elem.elements,gitem}
+                            <div class="small-12 medium-9 large-6 columns">
+                                {gitem.html:h}{if:gitem.required}<div class="req">*</div>{end:}
+                                {if:elem.separator}{elem.separator:h}{end:}
+                            </div>
+                            {end:}
+
+                        </div>
+
                     {else:}
                         {elem.html:h}
                         {if:elem.isName(#captcha_rmv#)}

diff --git a/css/contactform.css b/css/contactform.css
index 37615aa..b5c62f2 100644 (file)
--- a/css/contactform.css
+++ b/css/contactform.css
@@ -98,11 +98,4 @@ table tr.req td.instructioncell {
        border-width: 0;
        color: #000;
        }
-.formGroup > .glmCheckBox {
-       width: 50%;
-       float: left;
-}
-.single-checkbox label.glmCheckBox {
-    width: auto;
-    float: none;
-}
+