From f4b52452e6a1d903d18ffe5e3043f4d892160475 Mon Sep 17 00:00:00 2001
From: Ivan Tsenov <ivan.tsenov@outlook.com>
Date: Thu, 30 Jun 2016 17:16:25 +0300
Subject: [PATCH] Queries table is now "responsive"

The queries table now scrolls horizontally if opened on small mobile screens.
---
 queries.php | 42 ++++++++++++++++++++++--------------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/queries.php b/queries.php
index 39d754e5..07046bed 100644
--- a/queries.php
+++ b/queries.php
@@ -17,26 +17,28 @@
         </div>
         <!-- /.box-header -->
         <div class="box-body">
-            <table id="all-queries" class="display table table-striped table-bordered" cellspacing="0" width="100%">
-                <thead>
-                    <tr>
-                        <th>Time</th>
-                        <th>Type</th>
-                        <th>Domain</th>
-                        <th>Client</th>
-                        <th>Status</th>
-                    </tr>
-                </thead>
-                <tfoot>
-                    <tr>
-                        <th>Time</th>
-                        <th>Type</th>
-                        <th>Domain</th>
-                        <th>Client</th>
-                        <th>Status</th>
-                    </tr>
-                </tfoot>
-            </table>
+            <div class="table-responsive">
+                <table id="all-queries" class="display table table-striped table-bordered" cellspacing="0" width="100%">
+                    <thead>
+                        <tr>
+                            <th>Time</th>
+                            <th>Type</th>
+                            <th>Domain</th>
+                            <th>Client</th>
+                            <th>Status</th>
+                        </tr>
+                    </thead>
+                    <tfoot>
+                        <tr>
+                            <th>Time</th>
+                            <th>Type</th>
+                            <th>Domain</th>
+                            <th>Client</th>
+                            <th>Status</th>
+                        </tr>
+                    </tfoot>
+                </table>
+            </div>
        </div>
         <!-- /.box-body -->
       </div>