adding conditional to change main content to 12 columns when the calendar is shown...

diff --git a/views/front/events/agenda.html b/views/front/events/agenda.html
index 9ec65db..3741417 100644 (file)
--- a/views/front/events/agenda.html
+++ b/views/front/events/agenda.html
@@ -66,6 +66,7 @@
         var search = $("#glm-events-search-form");
         var calendar = $("#eventCalendar");
         var event_search = $(".glm-search-icon");
+        var main_content = $("#main-content");
         
         calendar.hide();
         
@@ -144,14 +145,17 @@
         });
         $("#glm-event-view-select").on("change", function (){
             if($("#glm-event-view-select option:selected").val() === "calendar"){
+                
+                main_content.removeClass("small-8").addClass("small-12");
                 rows.fadeOut('slow', function(){});
 //                search.fadeOut('slow', function(){});
                 calendar.fadeIn('slow', function(){});
                 calendar.fullCalendar('render');
                 eventsCalMonthAJAX(month_obj);
 
-               
             } else if ( $("#glm-event-view-select option:selected").val() === "agenda"){
+                main_content.removeClass("small-12").addClass("small-8");
+            }
                 rows.fadeIn('slow', function(){});
 //                search.fadeIn('slow', function(){});
                 calendar.fadeOut('slow', function(){});