From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Wed, 14 Sep 2016 20:11:13 +0000 (-0400)
Subject: testing media queries to make the new agenda view days data responsive
X-Git-Tag: v1.4.0^2~41
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=3e5830a21207b2342329a4c155b7baa2148a526d;p=WP-Plugins%2Fglm-member-db-events.git

testing media queries to make the new agenda view days data responsive
---

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{