Displaying break information in a box

Author: gvwilson

_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>

_includes/episode_overview.html

@@ -19,7 +19,7 @@ <h2>Overview</h2>
       </ul>
     </div>
   </div>
-  
+
   <div class="row">
     <div class="col-md-3">
     </div>
@@ -32,5 +32,5 @@ <h2>Overview</h2>
       </ul>
     </div>
   </div>
-  
+
 </blockquote>