network: responsive tables

network/templates/network/blacklist-list.html

@@ -10,5 +10,7 @@
     <h1>Blacklist <small></small></h1>
     <h1>Blacklist <small></small></h1>
 </div>
 </div>
 
 
-{% render_table table %}
+<div class="table-responsive">
+    {% render_table table %}
+</div>
 {% endblock %}
 {% endblock %}

network/templates/network/domain-edit.html

@@ -12,7 +12,7 @@
 </div>
 </div>
 
 
 <div class="row">
 <div class="row">
-    <div class="col-sm-5">
+    <div class="col-sm-4">
         {% crispy form %}
         {% crispy form %}
     </div>
     </div>
     <div class="col-sm-5 col-sm-offset-1">
     <div class="col-sm-5 col-sm-offset-1">
@@ -20,7 +20,9 @@
             List of this domain's records
             List of this domain's records
         </h3>
         </h3>
         <hr />
         <hr />
-        {% render_table record_list %}
+        <div class="table-responsive">
+            {% render_table record_list %}
+        </div>
     </div>
     </div>
 </div>
 </div>
 {% endblock %}
 {% endblock %}

network/templates/network/domain-list.html

@@ -10,5 +10,7 @@
     <h1>Domains <small>list of all domains</small></h1>
     <h1>Domains <small>list of all domains</small></h1>
 </div>
 </div>
 
 
-{% render_table table %}
+<div class="table-responsive">
+    {% render_table table %}
+</div>
 {% endblock %}
 {% endblock %}

network/templates/network/host-list.html

@@ -23,6 +23,7 @@
     {% endfor %}
     {% endfor %}
 </ul>
 </ul>
 
 
-{% render_table table %}
-
+<div class="table-responsive">
+    {% render_table table %}
+</div>
 {% endblock %}
 {% endblock %}

network/templates/network/record-list.html

@@ -15,5 +15,7 @@
     </h1>
     </h1>
 </div>
 </div>
 
 
-{% render_table table %}
+<div class="table-responsive">
+    {% render_table table %}
+</div>
 {% endblock %}
 {% endblock %}

network/templates/network/rule-list.html

@@ -10,6 +10,7 @@
     <h1>Rules <small>list of all rules</small></h1>
     <h1>Rules <small>list of all rules</small></h1>
 </div>
 </div>
 
 
-
-{% render_table table %}
+<div class="table-responsive">
+    {% render_table table %}
+</div>
 {% endblock %}
 {% endblock %}

network/templates/network/vlan-list.html

@@ -10,5 +10,7 @@
     <h1>Vlans <small>list of all vlans</small></h1>
     <h1>Vlans <small>list of all vlans</small></h1>
 </div>
 </div>
 
 
-{% render_table table %}
+<div class="table-responsive">
+    {% render_table table %}
+</div>
 {% endblock %}
 {% endblock %}