Mmm 'responsive' tables

training/templates/level_detail.html

@@ -59,7 +59,8 @@
 </div>
 <div class="card">
     <div class="card-header"><h4 class="card-title">Level Requirements</h4> {% if u.pk != request.user.pk %}<h5 class="card-subtitle font-italic">for {{ u }}</h5>{% endif %}</div>
-    <table class="table card-body">
+    <div class="table-responsive card-body">
+        <table class="table">
           <thead>
             <tr>
               <th scope="col" class="table-warning" style="width: 33%">Training Started</th>
@@ -84,6 +85,7 @@
             </tr>
           </tbody>
         </table>
+    </div>
     <h4 class="card-header">Prerequisite Levels:</h4>
     <div class="card-body">
        <ul>