increasing event reg title font size, increasing columns for the

reg profile detals in table

setting event image and details to 6 and 6 columns in tablet view

diff --git a/css/front.css b/css/front.css
index 98c4410..5ca0ffb 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -568,15 +568,16 @@ span.glm-error {
 #accountHeader .accountHeader-section {
 }
 #accountHeader #accountHeader-left {
+    padding-right: 0;
     float: left;
     text-align: left;
     margin-top: 12px;
 }
 #accountHeader #accountHeader-center {
     text-align: center;
+    width: 255px;
 }
 #accountHeader #accountHeader-right {
-    padding: 0;
     float: right;
     text-align: right;
     margin-top: 12px;
@@ -609,6 +610,30 @@ span.glm-error {
     #accountHeader .accountHeader-section {
         margin-bottom: 10px;
     }
+    #glm-header-reg-widget{
+        margin-bottom: 15px;
+    }
+    #glm-header-reg-widget a{
+        display: block;
+    }
+/*    #accountHeader #accountHeader-center {
+        text-align: center;
+        float: none;
+        width: 255px;
+    }
+    #accountHeader #accountHeader-left {
+        float: none;
+        text-align: left;
+        max-width: 425px;
+        margin: 10px auto;
+    }
+    #accountHeader #accountHeader-right {
+        float: none;
+        text-align: center;
+        max-width: 425px;
+        margin: 10px auto;
+        clear: both;
+    }*/
     #accountHeader #glm-header-reg-widget {
         margin-top: 0;
         min-height: 0;
@@ -637,6 +662,11 @@ span.glm-error {
     #accountHeader .button {
         margin-bottom: 5px;
     }
+
+    .glm-reg-image-container {
+        text-align: left;
+    }
+    
     #accountHeader #glm-header-reg-widget {
         width: 100%;
     }
@@ -661,6 +691,25 @@ span.glm-error {
     .glm-reg-account-info,.glm-reg-billing-info {
         padding: 0;
     }
+    #accountHeader #accountHeader-center {
+        text-align: center;
+        float: none;
+        width: 255px;
+        margin: 0 auto;
+    }
+    #accountHeader #accountHeader-left {
+        float: none;
+        text-align: left;
+        max-width: 425px;
+        margin: 10px auto;
+    }
+    #accountHeader #accountHeader-right {
+        float: none;
+        text-align: center;
+        max-width: 425px;
+        margin: 10px auto;
+        clear: both;
+    }
 }
 
 @media(min-width: 1024px){

diff --git a/views/front/registrations/registration.html b/views/front/registrations/registration.html
index 6b35371..4b73077 100644 (file)
--- a/views/front/registrations/registration.html
+++ b/views/front/registrations/registration.html
@@ -20,16 +20,16 @@
 <script type="text/template" id="regEvent-template">
     <div class="row">
         <div class="columns small-12  glm-reg-event-profile">
-            <h2 id="glm-reg-event-name"><%= event_name %></h2>
+            <h1 id="glm-reg-event-name"><%= event_name %></h1>
             <div class="row">
                 {/literal}
               
                 {if $regEvent.image}
-                <div class="small-12 medium-4 columns glm-reg-image-container"> 
+                <div class="small-12 medium-6 large-4 columns glm-reg-image-container"> 
                     <img src="{$imgBaseUrl}/medium/{$regEvent.image}"/>
                 </div>
                 {/if}
-                <div class="small-12 medium-4 columns glm-reg-event-profile-details-container">
+                <div class="small-12 medium-6 large-5 columns glm-reg-event-profile-details-container">
                 
                     <div class="row">
                         <div class="small-12 columns glm-reg-event-profile-details glm-reg-date"> {$regEvent.first_datetime.timestamp|date_format:"%A, %B %e, %Y"}</div>
@@ -40,7 +40,13 @@
                              <div class="small-12 columns glm-reg-event-profile-details glm-reg-time"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"}</div>
                         {/if}
                         {if $regEvent.locations.name || $regEvent.locations.address}
-                            <div class="small-12 columns glm-reg-event-profile-details glm-reg-location"> {$regEvent.locations.name}<br>{$regEvent.locations.address}<br> {$regEvent.locations.city.name},{$regEvent.locations.state.name} {$regEvent.locations.zip}</div>
+                            <div class="small-12 columns glm-reg-event-profile-details glm-reg-location"> 
+                                {$regEvent.locations.name}
+                                {if $regEvent.locations.address}
+                                    <br>{$regEvent.locations.address}
+                                {/if}
+                                <br> {if $regEvent.locations.city.name}{$regEvent.locations.city.name},{/if}{$regEvent.locations.state.name} {$regEvent.locations.zip}
+                            </div>
                         {/if}
                     </div>
                 </div>