dashboard: responsive list tables

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

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

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

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

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

@@ -34,7 +34,9 @@
         </div>
         </div>
       </div>
       </div>
       <div class="panel-body">
       <div class="panel-body">
-        {% render_table table %}
+        <div class="table-responsive">
+          {% render_table table %}
+        </div>
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>

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

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