From c8b912bfec557ce83d2b0e1f11c7dbe0f030d224 Mon Sep 17 00:00:00 2001
From: Joel Addison <joel@addison.net.au>
Date: Mon, 21 Jan 2019 15:50:54 +1300
Subject: [PATCH] Fix padding for schedule

Add column to layout so mobile has padding. Use container to wrap schedule so padding and
centred table applies to all views.
---
 .../schedule/schedule_conference.html         | 30 ++++++++++---------
 static/src/scss/app.scss                      |  8 -----
 2 files changed, 16 insertions(+), 22 deletions(-)

diff --git a/pinaxcon/templates/symposion/schedule/schedule_conference.html b/pinaxcon/templates/symposion/schedule/schedule_conference.html
index a1a877ce..90216692 100644
--- a/pinaxcon/templates/symposion/schedule/schedule_conference.html
+++ b/pinaxcon/templates/symposion/schedule/schedule_conference.html
@@ -57,22 +57,24 @@
 </div>
 
 <div class="schedule-page bg-secondary text-primary pt-4 pb-4 mb-0">
-  <div class="container-fluid">
-    <div class="row justify-content-center">
-      <div class="tab-content schedule-wrapper">
-        {% for section in sections %}
-        {% for timetable in section.days %}
-        <div class="tab-pane fade {% if timetable.day.date|date:'Y-m-d' == '2019-01-23' %}show active{% endif %}" id="{{ section.schedule.section.slug }}-{{ timetable.day.date|date:"l"|lower}}"
-          role="tabpanel" aria-labelledby="{{ section.schedule.section.slug }}-{{ timetable.day.date|date:"l"|lower}}-tab">
-          <div class="table-responsive hidden-md-down">
-            {% include "symposion/schedule/_grid.html" %}
-          </div>
-          <div class="mobile-schedule">
-            {% include "symposion/schedule/_mobile.html" %}
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <div class="tab-content">
+          {% for section in sections %}
+          {% for timetable in section.days %}
+          <div class="tab-pane fade {% if timetable.day.date|date:'Y-m-d' == '2019-01-23' %}show active{% endif %}" id="{{ section.schedule.section.slug }}-{{ timetable.day.date|date:"l"|lower}}"
+            role="tabpanel" aria-labelledby="{{ section.schedule.section.slug }}-{{ timetable.day.date|date:"l"|lower}}-tab">
+            <div class="table-responsive hidden-md-down">
+              {% include "symposion/schedule/_grid.html" %}
+            </div>
+            <div class="mobile-schedule">
+              {% include "symposion/schedule/_mobile.html" %}
+            </div>
           </div>
+          {% endfor %}
+          {% endfor %}
         </div>
-        {% endfor %}
-        {% endfor %}
       </div>
     </div>
   </div>
diff --git a/static/src/scss/app.scss b/static/src/scss/app.scss
index 3458ea95..0eedd932 100644
--- a/static/src/scss/app.scss
+++ b/static/src/scss/app.scss
@@ -713,14 +713,6 @@ div.talk-abstract {
     }
 }
 
-@include media-breakpoint-up(xl) {
-    .schedule-wrapper {
-        width: 80%;
-        min-width: 1140px;
-        max-width: 3000px;
-    }
-}
-
 @include media-breakpoint-up(sm) {
     div.footer-center {
         text-align: center;