fixing floating checkbox issue in checkout page

checkout page had a checkbox in terms and conditions that wasn't next to the text

diff --git a/css/front.css b/css/front.css
index db2855d..93de880 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -278,6 +278,14 @@
     .glm-reg-submit {
         padding: 0;
     }
+}
+label.glm-reg-terms-label{
+    display: inline !important;
+    margin-bottom: 5px;
+    font-size: 16px;
+}
+.glm-reg-terms input[type='checkbox']{
+
 }
 .glm-reg-level-registrant-name {
 }

diff --git a/views/front/registrations/checkout.html b/views/front/registrations/checkout.html
index e7af4a1..cd54a5c 100644 (file)
--- a/views/front/registrations/checkout.html
+++ b/views/front/registrations/checkout.html
@@ -272,7 +272,10 @@
                     <div class="glm-row">
                         <div class="glm-large-12 glm-columns">
                         <b>For Event: {$event.event_name}</b>
-                {apply_filters('glm-members-customfields-form-display', '', $fid, $cartId, 'checkoutForm', false)}
+
+
+                            {apply_filters('glm-members-customfields-form-display', '', $fid, $cartId, 'checkoutForm', false)}
+
                         </div>
                     </div>
                 </div>
@@ -290,7 +293,7 @@
                         <div class="glm-large-1">&nbsp;</div>
                         <div class="glm-columns">
                             <h5>General Registrations Terms and Conditions:</h5>
-                            <input id="terms" type="checkbox" name="terms" value="accept" required><label for="terms"> {$globalTerms}</label><br>
+                            <input class="glm-reg-terms" id="terms" type="checkbox" name="terms" value="accept" required><label class="glm-reg-terms-label" for="terms"> {$globalTerms}</label><br>
                         </div>
                     </div>
     {foreach $cart.events as $event}
@@ -299,7 +302,7 @@
                         <div class="glm-large-1">&nbsp;</div>
                         <div class="glm-columns glm-reg-event-terms">
                             <h5>{$event.event_name}:</h5>
-                            <input id="terms_{$event.id}" type="checkbox" name="terms_{$event.id}" value="accept" required><label for="terms_{$event.id}"> {$event.event_terms}</label><br>
+                            <input class="glm-reg-terms" id="terms_{$event.id}" type="checkbox" name="terms_{$event.id}" value="accept" required><label class="glm-reg-terms-label" for="terms_{$event.id}"> {$event.event_terms}</label><br>
                         </div>
                     </div>
       {/if}