dashboard: responsive list tables

circle/dashboard/templates/dashboard/group-list.html

@@ -16,9 +16,11 @@
       <div class="panel-body">
         <div id="table_container">
           <div id="rendered_table" class="panel-body">
+            <div class="table-responsive">
               {% render_table table %}
             </div>
           </div>
+        </div>
       </div><!-- .panel-body -->
     </div>
   </div>

circle/dashboard/templates/dashboard/node-list.html

@@ -15,11 +15,13 @@
       </div>
       <div id="table_container">
         <div id="rendered_table" class="panel-body">
+          <div class="table-responsive">
             {% render_table table %}
           </div>
         </div>
       </div>
     </div>
+  </div>
 </div>
 
 <div class="row">

circle/dashboard/templates/dashboard/template-list.html

@@ -34,10 +34,12 @@
         </div>
       </div>
       <div class="panel-body">
+        <div class="table-responsive">
           {% render_table table %}
         </div>
       </div>
     </div>
+  </div>
 </div>
 
 {% if show_lease_table %}

circle/dashboard/templates/dashboard/vm-list.html

@@ -50,6 +50,7 @@
         </div><!-- .row -->
       </div><!-- .panel-body -->
       <div class="panel-body">
+        <div class="table-responsive">
         <table class="table table-bordered table-striped table-hover vm-list-table"
          id="vm-list-table">
           <thead><tr>
@@ -140,6 +141,7 @@
           {% endfor %}
         </tbody>
       </table>
+      </div><!-- .table-responsive -->
     </div>
   </div>
 </div>