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 (file)
--- 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{