From 3e5830a21207b2342329a4c155b7baa2148a526d Mon Sep 17 00:00:00 2001
From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Wed, 14 Sep 2016 16:11:13 -0400
Subject: [PATCH] testing media queries to make the new agenda view days data
 responsive

---
 css/front.css | 34 +++++++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/css/front.css b/css/front.css
index 93415ef..984b0f0 100644
--- a/css/front.css
+++ b/css/front.css
@@ -308,15 +308,39 @@ a.fc-time-grid-event.fc-v-event {
 span.agenda-event-weekday:first-child{
 
 }
-.agenda-event-times{
-    float: left;
+@media (min-width: 1024px){
+    .agenda-event-times{
+        float: left;
+        width: 25%
+    }
+    .agenda-days-of-week{
+        float: left;
+        width: 75%;
+    }
 }
-.agenda-days-of-week{
-    float: left;
-    margin-left: 15px;
+@media (max-width: 1024px) and (min-width: 640px){
+    .agenda-event-times{
+        float: left;
+        width: 40%
+    }
+    .agenda-days-of-week{
+        float: left;
+        width: 60%;
+    }
+}
+@media(max-width: 640px) and (min-width: 415px){
+    .agenda-event-times{
+        float: left;
+        width: 40%
+    }
+    .agenda-days-of-week{
+        float: left;
+        width: 60%;
+    }
 }
 .day-times-wrapper{
     float: left;
+    width:100%
 }
 @media (max-width: 324px){
     .agenda-days-of-week{
-- 
2.17.1