moving the days of the week in agenda view next to the times of the event to test...

diff --git a/css/front.css b/css/front.css
index 0b54a01..93415ef 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -307,12 +307,19 @@ a.fc-time-grid-event.fc-v-event {
 }
 span.agenda-event-weekday:first-child{
 
+}
+.agenda-event-times{
+    float: left;
 }
 .agenda-days-of-week{
-    
+    float: left;
+    margin-left: 15px;
+}
+.day-times-wrapper{
+    float: left;
 }
-@media (min-width: 385px){
+@media (max-width: 324px){
     .agenda-days-of-week{
-        
+        margin-left: 0px;
     }
 }
\ No newline at end of file

diff --git a/views/front/events/agenda.html b/views/front/events/agenda.html
index 9ec026a..eaa152e 100644 (file)
--- a/views/front/events/agenda.html
+++ b/views/front/events/agenda.html
@@ -20,29 +20,31 @@
                             {foreach $events as $event}
                             <div class="row glm-event-day-event">
                                 <div class="small-12 columns">
+                                    <div class="title-daterange-wrapper">
                                     <h2 class="agenda-event-name">{$event.name}</h2>                
                                     <span class="agenda-event-recur-dates">{$event.dates}</span>
-                                    {if $event.recurrences.0.day_of_week.names|@count < 7}
-                                    <div class="agenda-days-of-week">(
-                                        {foreach $event.recurrences.0.day_of_week.names as $day}
-                                        {if $day == "Thursday"}
-                                            <span class="agenda-event-weekday"> {$day|substr:0:4} </span>
-                                         {else}
-                                            <span class="agenda-event-weekday"> {$day|substr:0:3} </span>
-                                         {/if}
-                                         {/foreach}
-                                         )
-                                    </div>
-                                    {/if}
-                                     
-                                    {if !$event.all_day}
-                                        {if $event.starting_date|date_format:"%l:%M %P" == $event.ending_date|date_format:"%l:%M %P"}
-                                        <div class="agend-event-times">{$event.starting_date|date_format:"%l:%M %P"}</div>
-                                        {else}
-                                        <div class="agend-event-times"> {$event.starting_date|date_format:"%l:%M %P"} - {$event.ending_date|date_format:"%l:%M %P"}</div>
+                                 </div>
+                                    <div class="day-times-wrapper">
+                                        {if !$event.all_day}
+                                            {if $event.starting_date|date_format:"%l:%M %P" == $event.ending_date|date_format:"%l:%M %P"}
+                                            <div class="agenda-event-times">{$event.starting_date|date_format:"%l:%M %P"}</div>
+                                            {else}
+                                            <div class="agenda-event-times"> {$event.starting_date|date_format:"%l:%M %P"} - {$event.ending_date|date_format:"%l:%M %P"}</div>
+                                            {/if}
+                                        {/if}
+                                        {if $event.recurrences.0.day_of_week.names|@count < 7}
+                                        <div class="agenda-days-of-week">(
+                                            {foreach $event.recurrences.0.day_of_week.names as $day}
+                                            {if $day == "Thursday"}
+                                                <span class="agenda-event-weekday"> {$day|substr:0:4} </span>
+                                             {else}
+                                                <span class="agenda-event-weekday"> {$day|substr:0:3} </span>
+                                             {/if}
+                                             {/foreach}
+                                             )
+                                        </div>
                                         {/if}
-                                    {/if}
-                                    
+                                    </div>
                                     <div class="event-content hide clearfix">
                                         {if $event.image}<img style="float:right;" src="{$imgUrl}{$event.image}">{/if}
                                         {$event.intro}