adding data to the reg cart header , styling cart data

adding more styles to the cart summary data and adding data to the cart summary header

diff --git a/css/front.css b/css/front.css
index 51ec8d9..62e37a1 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -1036,11 +1036,16 @@ span.glm-error {
     max-width: 1024px;
     margin: 10px auto;
 }
+.glm-reg-cart-header-data{
+    color: white;
+}
 .glm-reg-image-container {
 /*        padding: 0;*/
     margin-bottom: 10px;
 }
-
+hr.glm-reg-class-separator{
+    max-width: 98%;
+}
 /* MOBILE ONLY ----------*/
 @media(max-width: 640px){
     .glm-reg-date::before{
@@ -1095,7 +1100,8 @@ span.glm-error {
         font-size: 13px;
     }
     .glm-reg-cart-data-value{
-        margin-top: -7px;
+        margin-top: -5px;
+        line-height: 1;
     }
     .glm-reg-cart-summary{
         padding: 0;

diff --git a/views/front/registrations/cartSummary.html b/views/front/registrations/cartSummary.html
index 7145deb..5117e66 100644 (file)
--- a/views/front/registrations/cartSummary.html
+++ b/views/front/registrations/cartSummary.html
@@ -22,12 +22,18 @@
  {/if}
                     <span class="glm-cart-summary-event-name">{$event.event_name}</span>
                 </div>
-                <div class="glm-small-12 glm-medium-6 glm-column glm-reg-right glm-reg-cart-label">
-                    {$terms.reg_term_attendee_plur_cap}: {$event.eventRegistrants}
-                </div>
-                 <div class="glm-small-4 glm-medium-4 glm-column glm-reg-right glm-reg-cart-data">
-                    ${$event.eventCharges|number_format:2}
-                </div>
+                
+                <div class="glm-small-12 glm-medium-6 glm-column glm-reg-right glm-reg-cart-label glm-reg-cart-header-data">
+                    <div class="row">
+                        <div class="small-12 medium-4 columns">
+                            {$terms.reg_term_attendee_plur_cap}: {$event.eventRegistrants}
+                        </div>
+                        <div class="glm-small-4 glm-medium-4 glm-column glm-reg-right glm-reg-cart-data">
+                            ${$event.eventCharges|number_format:2}
+                        </div>
+                    </div>
+                </div>
+               
             </div>
  {foreach $event.classes as $class}
             <div class="glm-reg-row glm-reg-cart-event-class">
@@ -99,6 +105,7 @@
     {/if}
    {/foreach} {* registrants *} 
   {/foreach} {* rates *}
+  <hr class="glm-reg-class-separator">
  {/foreach} {* classes *}
  {if $event.eventDiscounts > 0}
             <div class="glm-reg-row glm-reg-cart-event-discount">