From 574f5e9f0448b2863101c8b7892bbf5eb13c0332 Mon Sep 17 00:00:00 2001
From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Wed, 14 Sep 2016 15:52:34 -0400
Subject: [PATCH] moving the days of the week in agenda view next to the times
 of the event to test mobile view

---
 css/front.css                  | 13 ++++++++---
 views/front/events/agenda.html | 42 ++++++++++++++++++----------------
 2 files changed, 32 insertions(+), 23 deletions(-)

diff --git a/css/front.css b/css/front.css
index 0b54a01..93415ef 100644
--- 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
--- 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}
-- 
2.17.1