fixing the wrapping issue with the discount totals in the cart summary

cart summary discount totals were not rendering properly, totals were wrapping

diff --git a/css/admin.css b/css/admin.css
index 05e7751..ec8c9b7 100644 (file)
--- a/css/admin.css
+++ b/css/admin.css
@@ -255,7 +255,7 @@ span.glm-error {
 
 
 .glm-reg-cart-total{
-    font-size: 22px;
+    font-size: 20px;
     text-align: center;
     padding: 5px;
 }

diff --git a/css/front.css b/css/front.css
index aa28a42..e2dc518 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -1068,7 +1068,7 @@ hr.glm-reg-class-separator{
     border: none;
 }
 .glm-reg-cart-total{
-    font-size: 22px;
+    font-size: 20px;
 }
 .glm-reg-cart-total-attendees{
     font-size: 24px;

diff --git a/views/front/registrations/cartSummary.html b/views/front/registrations/cartSummary.html
index deb175b..f88a6dd 100644 (file)
--- a/views/front/registrations/cartSummary.html
+++ b/views/front/registrations/cartSummary.html
@@ -93,6 +93,7 @@
         {/if}
       {/foreach}
     {/if}                    
+
     {if $registrant.registrantDiscounts > 0}
             <div class="row glm-reg-indent-2 glm-reg-cart-registrant-discount">
                 <div class="small-8 medium-8 column glm-reg-cart-label">
@@ -115,7 +116,7 @@
    {foreach $event.payCodes as $payCode}
             <div class="row glm-reg-cart-event-discount">
                 <div class="small-8 medium-8 column glm-reg-right glm-reg-cart-label">
-                    Discount Code: "{$payCode.code}", 
+                    <b>Discount Code:</b> "{$payCode.code}", 
      {if $payCode.code_type == 'Free'}Free{/if}  
      {if $payCode.code_type =='Amount'}${$payCode.amount|number_format:2}{/if}                
      {if $payCode.code_type == 'Percent'}{$payCode.amount}%{/if}                
@@ -151,19 +152,23 @@
             </div>        
         </div>
 {if $cart.globalPayCodes}
+<div class="small-12 columns">
+    
+
   {foreach $cart.globalPayCodes as $payCode}
             <div class="row glm-reg-cart-event-discount">
-                <div class="small-8 medium-8 column glm-reg-right glm-reg-cart-label">
-                    Discount Code: "{$payCode.code}", 
+                <div class="small-8 column glm-reg-right glm-reg-cart-label">
+                    <b>Discount Code:</b> "{$payCode.code}", 
     {if $payCode.code_type == 'Free'}Free{/if}  
     {if $payCode.code_type =='Amount'}${$payCode.amount|number_format:2}{/if}                
     {if $payCode.code_type == 'Percent'}{$payCode.amount}%{/if}                
                 </div>
-                <div class="small-4 medium-4 column glm-reg-right glm-reg-cart-data">
+                <div class="small-4 column glm-reg-right glm-reg-cart-data">
                     ${$payCode.thisDiscount|number_format:2}
                 </div>
             </div>
   {/foreach}
+</div>
 {/if}
 {if $cart.totalDiscounts > 0}
 <!--