reducing some of the padding around the account and billing info

in mobile view, there is too much padding around the billing and account info input fields

diff --git a/css/front.css b/css/front.css
index f02d1be..304970c 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -16,7 +16,9 @@
         padding: 0;
         line-height: 1.2;
     }
-    
+    .glm-reg-account-info,.glm-reg-billing-info{
+        padding: 0;
+    }
 }
 .glm-reg-event-profile-details{
         padding-left: 0;

diff --git a/views/front/registrations/checkout.html b/views/front/registrations/checkout.html
index 3287e73..1a0dc13 100644 (file)
--- a/views/front/registrations/checkout.html
+++ b/views/front/registrations/checkout.html
@@ -35,7 +35,7 @@
             </div>
 
             <div class="glm-row">
-                <div class="glm-large-6 glm-small-12 glm-columns">
+                <div class="glm-large-6 glm-small-12 glm-columns glm-reg-account-info">
                     <h4>Account Information</h4>
   {if $regAccountId == 0}
                     <div class="glm-reg-row">
@@ -123,7 +123,7 @@
                         {assign var="summaryType" value="checkout"}
                         {include file='front/registrations/cartSummary.html'}
                 </div>
-                <div class="glm-large-6 glm-small-12 glm-columns" style="clear: both;">
+                <div class="glm-large-6 glm-small-12 glm-columns glm-reg-billing-info" style="clear: both;">
                     <div class="glm-reg-row"><div class="glm-small-12 glm-columns"><h4>Billing Information</h4></div></div>
                     <div class="glm-reg-row"><div class="glm-small-12 glm-columns"><input id="glm-reg-bill-same" type="checkbox" name="billing_same" value="1"{if $regAccount.billingSame} checked{/if}>&nbsp;Same as Account Information</div></div>
                     <div class="glm-reg-row glm-reg-bill-field">