adding border around terms and conditions

boxing in the checkout terms and conditions and adding padding to the checkbox sections

diff --git a/css/front.css b/css/front.css
index 22f204f..d5b6a75 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -3,7 +3,7 @@
 /*{{{ Temp replacement for glm-row without max-width and other checkout form tampering */
 
 .glm-reg-event-terms{
-    padding: 0;
+    padding: 0 0 0 20px;
 }
 .glm-reg-event-profile-details {
 }
@@ -144,7 +144,10 @@
     left: -12px;
     
 }
-glm-reg-contact-email{
+.glm-reg-terms-conditions{
+    border: 1px solid darkgrey;
+}
+.glm-reg-contact-email{
     word-wrap: break-word;
 }
 .glm-reg-event-profile-details:not(.glm-reg-contact-details){

diff --git a/views/front/registrations/checkout.html b/views/front/registrations/checkout.html
index c28260f..033a3dd 100644 (file)
--- a/views/front/registrations/checkout.html
+++ b/views/front/registrations/checkout.html
@@ -304,9 +304,9 @@
                         <h4>Terms and Conditions</h4>
                         You <span class="glm-reg-required">must check</span> the boxes below to confirm that you agree to the Terms and Conditions for each event.
                     </div>
-                    <div class="row">
+                    <div class="glm-row">
                         <div class="glm-large-1">&nbsp;</div>
-                        <div class="glm-columns">
+                        <div class="glm-columns glm-reg-event-terms">
                             <h5>General Registrations Terms and Conditions:</h5>
                             <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>