fixing the centered classes in the searchform and detail views

replacing the centered classes from foundation with glm grid centered classes in the glm grid

diff --git a/views/front/events/detail.html b/views/front/events/detail.html
index 8f84d39..91b6df2 100644 (file)
--- a/views/front/events/detail.html
+++ b/views/front/events/detail.html
@@ -1,29 +1,29 @@
 <div id="glm-event-wrapper" class="event-detail text-left"><!-- #glm-event-wrapper -->
     <a id="glm-event-detail-takeback-mini" class="glm-member-db-takeback-mini button glm-member-button" href="javascript:history.go(-1)"><span>Back To Search</span></a>
-    <div class="row">
-        <div class="small-12 large-8 small-centered column detail-search-form">
-            <div class="row">
+    <div class="glmgrid-row glmgrid-collapse">
+        <div class="glmgrid-small-12 glmgrid-large-10 glmgrid-column detail-search-form">
+            <div class="glmgrid-row">
                 {include file='front/events/searchForm.html'}
             </div>
         </div>
     </div>
     {if $event}
-    <div class="row collapse"><!-- .row #1 -->
-        <div class="small-12 large-9 large-centered column"><!-- .small-12 .large-9 .large-centered .columns -->
+    <div class="glmgrid-row glmgrid-collapse"><!-- .glmgrid-row #1 -->
+        <div class="glmgrid-small-12 glmgrid-large-12 glmgrid-large-centered-9 glmgrid-column"><!-- .glmgrid-small-12 .glmgrid-large-9 .glmgrid-large-centered .glmgrid-glmgrid-columns -->
             <span id="eventShare" class="st_sharethis" st_title="{$event.name}" st_url="{$permalink}">+ Share</span>
-            <div class="row"><!-- .row #2 -->
-                <div class="small-12 column eventTitle">
+            <div class="glmgrid-row"><!-- .glmgrid-row #2 -->
+                <div class="glmgrid-small-12 glmgrid-column eventTitle">
                     <h1>{$event.name}</h1>
                 </div>
                 {if $event.image}
-                <div class="small-12 column event-detail-image">
+                <div class="glmgrid-small-12 glmgrid-column event-detail-image">
                     <img style="margin: 15px;" src="{$mainImgUrl}{$event.image}">
                 </div>
                 {/if}
-                <div class="small-12 column"><!-- .small-12 .column -->
-                    <div class="row"><!-- .row #3 -->
+                <div class="glmgrid-small-12 glmgrid-column"><!-- .glmgrid-small-12 .glmgrid-column -->
+                    <div class="glmgrid-row"><!-- .glmgrid-row #3 -->
                         {if $event.locations}
-                            <div class="event-google-map small-10 small-centered medium-5 medium-uncentered columns">
+                            <div class="event-google-map glmgrid-small-10 glmgrid-small-centered glmgrid-medium-5 glmgrid-medium-uncentered glmgrid-columns">
                                 {if $event.locations.lat && $event.locations.address}
                                     <div id="eventDetailMap">
                                         <div id="eventDetail-map" title="Click to enlarge">map...</div>
@@ -40,7 +40,7 @@
                             {/if}
                         </div>
                     {elseif $event.member && ($event.use_member_location.value || $event.other_ref_dest) }
-                        <div class="small-12 medium-5 columns">
+                        <div class="glmgrid-small-12 glmgrid-medium-5 glmgrid-columns">
                             {if $event.member.lat}
                                 <div id="eventDetailMap">
                                     <div id="eventDetail-map" title="Click to enlarge">map...</div>
@@ -57,7 +57,7 @@
                             {/if}
                         </div>
                     {/if}
-                    <div class="small-12 medium-{if $event.locations || $event.use_member_location.value || $event.other_ref_dest}7{else}12{/if} column">
+                    <div class="glmgrid-small-12 glmgrid-medium-{if $event.locations || $event.use_member_location.value || $event.other_ref_dest}7{else}12{/if} glmgrid-column">
                         <div id="glm-event-detail-dates">
                             {$lastDate = ''}
                             {foreach $event.recurrences as $rec}
@@ -177,14 +177,14 @@
                             {/if}
                             </div>
                         </div>
-                    </div><!-- /.row #3 -->
-                </div><!-- /.small-12 .column -->
-                <div class="small-12 column">
+                    </div><!-- /.glmgrid-row #3 -->
+                </div><!-- /.glmgrid-small-12 .glmgrid-column -->
+                <div class="glmgrid-small-12 glmgrid-column">
                     {$event.descr}
                 </div>
-            </div><!-- /.row #2 -->
-        </div><!-- /.small-12 .large-9 .large-centered -->
-    </div><!-- /.row .collapse #1 -->
+            </div><!-- /.glmgrid-row #2 -->
+        </div><!-- /.glmgrid-small-12 .glmgrid-large-9 .glmgrid-large-centered -->
+    </div><!-- /.glmgrid-row .glmgrid-collapse #1 -->
     {else}
     <div>Sorry, No results.</div>
     {/if}

diff --git a/views/front/events/searchForm.html b/views/front/events/searchForm.html
index ca2d990..04cbf6f 100644 (file)
--- a/views/front/events/searchForm.html
+++ b/views/front/events/searchForm.html
@@ -71,7 +71,8 @@
         </form>
     </div>
 {else}
-    <div class="glmgrid-small-4 glmgrid-small-offset-8 glmgrid-medium-2 glmgrid-medium-offset-10 glmgrid-column">
+    <!-- <div class="glmgrid-small-8 glmgrid-medium-10 glmgrid-columns"></div> -->
+    <div class="glmgrid-small-5 glmgrid-small-start-8 glmgrid-medium-start-11 glmgrid-medium-2 glmgrid-column">
         {if !$eventId}
         <input class="right" type="image" title="Print PDF" id="glm-event-pdf-submit" src="{$assetsUrl}print-icon-24x24.png">
         {else}