From 30b5ae0610f6abe915f45b0fead6376064643f4f Mon Sep 17 00:00:00 2001
From: Tobias <tobias@localhost.localdomain>
Date: Sat, 6 Oct 2018 18:23:28 +1300
Subject: [PATCH] Print styles for schedule

---
 .../schedule/schedule_conference.html         |  2 +-
 static/src/scss/app.scss                      | 52 ++++++++++++++-----
 2 files changed, 40 insertions(+), 14 deletions(-)

diff --git a/pinaxcon/templates/symposion/schedule/schedule_conference.html b/pinaxcon/templates/symposion/schedule/schedule_conference.html
index 8b74918a..14a21b34 100644
--- a/pinaxcon/templates/symposion/schedule/schedule_conference.html
+++ b/pinaxcon/templates/symposion/schedule/schedule_conference.html
@@ -49,7 +49,7 @@
             {% include "symposion/schedule/_grid.html" %}
           {% endcache %}
           </div>
-          <div class="hidden-md-up">
+          <div class="mobile-schedule">
           {% cache 180 cache-schedule-mobile timetable.day.date %}
             {% include "symposion/schedule/_mobile.html" %}
           {% endcache %}
diff --git a/static/src/scss/app.scss b/static/src/scss/app.scss
index 278efa31..d52290e3 100644
--- a/static/src/scss/app.scss
+++ b/static/src/scss/app.scss
@@ -576,6 +576,30 @@ hr {
     footer {
         display: none !important;
     }
+
+    .schedule-page {
+        .mobile-schedule {
+            display: none !important;
+        }
+
+        @include media-breakpoint-down(lg) {
+            .container {
+                max-width: 100%;
+            }
+        }
+
+        @include media-breakpoint-down(md) {
+            .hidden-md-down {
+                display: initial;
+            }
+        }
+
+        @include media-breakpoint-up(lg) {
+            .hidden-md-down {
+                display: initial;
+            }
+        }
+    }
 }
 
 .card-group.key-dates {
@@ -610,22 +634,24 @@ hr {
 }
 
 
-.schedule-page {
-    @include media-breakpoint-down(lg) {
-        .container {
-            max-width: 100%;
+@media screen {
+    .schedule-page {
+        @include media-breakpoint-down(lg) {
+            .container {
+                max-width: 100%;
+            }
         }
-    }
 
-    @include media-breakpoint-down(md) {
-        .hidden-md-down {
-            display: none !important;
+        @include media-breakpoint-down(md) {
+            .hidden-md-down {
+                display: none !important;
+            }
         }
-    }
 
-    @include media-breakpoint-up(lg) {
-        .hidden-md-up {
-            display: none !important;
+        @include media-breakpoint-up(lg) {
+            .mobile-schedule {
+                display: none !important;
+            }
         }
     }
-}
\ No newline at end of file
+}