Displaying break information in a box

diff --git a/_includes/episode_break.html b/_includes/episode_break.html
index 81fd39e84ee158cc5c2155cadaadc1fc870e0e0d..36d2d2fad9a51547b01374f3f0df311b313b4f23 100644 (file)
--- a/_includes/episode_break.html
+++ b/_includes/episode_break.html
@@ -1,4 +1,15 @@
 {% comment %}
-  Display information about a break.
+    Display a break's timings in a box similar to a learning episode's.
 {% endcomment %}
-<p>Break: {{page.break}} min</p>
+<blockquote class="objectives">
+  <h2>Overview</h2>
+
+  <div class="row">
+    <div class="col-md-3">
+      <strong>Break:</strong> {{ page.break }} min
+    </div>
+    <div class="col-md-9">
+    </div>
+  </div>
+
+</blockquote>

diff --git a/_includes/episode_overview.html b/_includes/episode_overview.html
index 5165ca104a3d9815439bdf686577abd5e2145019..cb87e0f66bba6fc3595559be31489df1179e600f 100644 (file)
--- a/_includes/episode_overview.html
+++ b/_includes/episode_overview.html
@@ -19,7 +19,7 @@
       </ul>
     </div>
   </div>
-  
+
   <div class="row">
     <div class="col-md-3">
     </div>
@@ -32,5 +32,5 @@
       </ul>
     </div>
   </div>
-  
+
 </blockquote>