changing font styles in the cart summary data

adjusting font style and positioning for the cart summary data

diff --git a/css/front.css b/css/front.css
index 9e9569b..251165f 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -1046,6 +1046,13 @@ span.glm-error {
 hr.glm-reg-class-separator{
     max-width: 98%;
 }
+.glm-reg-cart-total{
+    font-size: 22px;
+    padding-left: 0;
+}
+.glm-reg-cart-total-attendees{
+    font-size: 24px;
+}
 /* MOBILE ONLY ----------*/
 @media(max-width: 640px){
     .glm-reg-date::before{
@@ -1113,6 +1120,15 @@ hr.glm-reg-class-separator{
         line-height: 1;
         padding-bottom: 10px;
     }
+    .glm-reg-cart-charge{
+        padding: 0;
+        text-align: center;
+    }
+    .glm-reg-cart-item{
+    }
+    .glm-reg-cart-total-attendees{
+        font-size: 19px;
+    }
 }
 
 @media(min-width: 1024px){
@@ -1232,7 +1248,7 @@ hr.glm-reg-class-separator{
     font-size: 0.875rem;
 }
 .glm-reg-cart-event-container {
-    padding-bottom: 20px
+    padding-bottom: 10px
 }
 .glm-reg-cart-event-class > div {
     font-size: 16px;

diff --git a/views/front/registrations/cartSummary.html b/views/front/registrations/cartSummary.html
index 2c2f7b3..2821c1a 100644 (file)
--- a/views/front/registrations/cartSummary.html
+++ b/views/front/registrations/cartSummary.html
@@ -27,7 +27,7 @@
                 <div class="small-12 medium-6 column glm-reg-right glm-reg-cart-label glm-reg-cart-header-data">
                     <div class="row">
                         <div class="small-4 medium-4 columns">
-                            Date:
+                            
                         </div>
                         <div class="small-4 medium-4 columns">
                             {$terms.reg_term_attendee_plur_cap}: {$event.eventRegistrants}
@@ -62,11 +62,11 @@
    {/if}
    {foreach $rate.registrants as $registrant}
             <div class="glm-reg-row glm-reg-cart-registrant">
-                <div class="small-9 glm-column">
+                <div class="small-9 glm-column glm-reg-cart-item">
                     <span class="glm-reg-label glm-reg-cart-data">{$terms.reg_term_attendee_cap}: </span><span class="glm-reg-front glm-reg-cart-data glm-reg-cart-data-value">{$registrant.fname} {$registrant.lname}</span>
                     
                 </div>
-                <div class="small-3 glm-column glm-reg-right">
+                <div class="small-3 glm-column glm-reg-right glm-reg-cart-charge">
                     {if $registrant.registrantRate > 0}
                         ${$registrant.registrantRate|number_format:2}
                     {else}
@@ -89,7 +89,7 @@
                     <span class="glm-reg-cart-data glm-reg-cart-data-value">{$customField.stored}</span>
                 </div>
           {if $customField.cost > 0}                
-                <div class="small-3 glm-column glm-reg-right glm-reg-cart-data">
+                <div class="small-3 glm-column glm-reg-right glm-reg-cart-data glm-reg-cart-charge">
                   ${$customField.cost|number_format:2}
                 </div>
           {/if}
@@ -134,7 +134,7 @@
             </div>        
         </div>
 {if $cart.totalDiscounts > 0}
-        <div class="glm-reg-row glm-reg-cart-total-discounts">
+        <div class="glm-row glm-reg-cart-total-discounts">
             <div class="glm-small-8 glm-medium-8 glm-column glm-reg-right glm-reg-cart-label">
                 Total Discounts
             </div>
@@ -143,12 +143,12 @@
             </div>
         </div>
 {/if}
-        <div class="glm-reg-row glm-reg-row-bold">
-            <div class="glm-small-8 glm-medium-8 glm-column glm-reg-right">
+        <div class="glm-row glm-reg-row-bold">
+            <div class="glm-small-8 glm-medium-8 glm-column text-center glm-reg-cart-total-attendees">
                 Total {$terms.reg_term_attendee_plur}: {$cart.totalRegistrants}
             </div>
-            <div class="glm-small-4 glm-medium-4 glm-column glm-reg-right">
-                ${$cart.totalCharges|number_format:2}
+            <div class="glm-small-4 glm-medium-4 glm-column glm-reg-right glm-reg-cart-total">
+                Total: ${$cart.totalCharges|number_format:2}
             </div>
         </div>
     </div>