feat(easel): add bootstrap

gallery/easel/route/view/schedule/templates/channel.html

@@ -11,18 +11,17 @@
       type="image/x-icon">
 {% endblock %}
 
-{% block header %}
-<a class="button {{'disabled' if response.date == datetime.date.today() else ''}}"
-   href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">⬅️</a>
-<a class="button"
-   href="../..">⬆️</a>
-<span>{{response.channel.name}} | {{response.date.strftime('%a, %d %B %Y')}}</span>
-<a class="button"
-   href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">➡️</a>
-{% endblock %}
-
 {% block content %}
-<table class="schedule-table">
+<h4>
+  <a class="button {{'disabled' if response.date == datetime.date.today() else ''}}"
+     href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">⬅️</a>
+  <a class="button"
+     href="../..">⬆️</a>
+  <span>{{response.channel.name}} | {{response.date.strftime('%a, %d %B %Y')}}</span>
+  <a class="button"
+     href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">➡️</a>
+</h4>
+<table class="table">
   <thead>
     <tr>
       <td></td>
@@ -32,7 +31,7 @@
   </thead>
   <tbody>
     {% for value in response.values %}
-    <tr class="{{'live' if value.live else ''}}">
+    <tr class="{{'table-success' if value.live else ''}}">
       <td>{{value.start.strftime('%H:%M')}}</td>
       <td>{{(value.end - value.start) | timedelta_format}}</td>
       <td>{{value.label}}</td>