From f132ec2c50e811b69fd2357548b5a9bae8aa4a66 Mon Sep 17 00:00:00 2001
From: laf <neil@lathwood.co.uk>
Date: Mon, 31 Aug 2015 21:33:57 +0000
Subject: [PATCH] Fixed syslog and eventlog tables to be responsive

---
 html/includes/common/eventlog.inc.php | 23 ++++++++++++-----------
 html/includes/common/syslog.inc.php   | 23 ++++++++++++-----------
 2 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/html/includes/common/eventlog.inc.php b/html/includes/common/eventlog.inc.php
index 7ce1590c0..fcf5e955e 100644
--- a/html/includes/common/eventlog.inc.php
+++ b/html/includes/common/eventlog.inc.php
@@ -1,17 +1,18 @@
 <?php
 
 $common_output[] = '
-<table id="eventlog" class="table table-hover table-condensed table-striped">
-    <thead>
-        <tr>
-            <th data-column-id="datetime" data-order="desc">Datetime</th>
-            <th data-column-id="hostname">Hostname</th>
-            <th data-column-id="type">Type</th>
-            <th data-column-id="message">Message</th>
-        </tr>
-    </thead>
-</table>
-
+<div class="table-responsive">
+    <table id="eventlog" class="table table-hover table-condensed table-striped">
+        <thead>
+            <tr>
+                <th data-column-id="datetime" data-order="desc">Datetime</th>
+                <th data-column-id="hostname">Hostname</th>
+                <th data-column-id="type">Type</th>
+                <th data-column-id="message">Message</th>
+            </tr>
+        </thead>
+    </table>
+</div>
 <script>
 
 var eventlog_grid = $("#eventlog").bootgrid({
diff --git a/html/includes/common/syslog.inc.php b/html/includes/common/syslog.inc.php
index eb61936a5..87eb4c04d 100644
--- a/html/includes/common/syslog.inc.php
+++ b/html/includes/common/syslog.inc.php
@@ -1,17 +1,18 @@
 <?php
 
 $common_output[] = '
-<table id="syslog" class="table table-hover table-condensed table-striped">
-    <thead>
-        <tr>
-            <th data-column-id="timestamp" data-order="desc">Datetime</th>
-            <th data-column-id="device_id">Hostname</th>
-            <th data-column-id="program">Program</th>
-            <th data-column-id="msg">Message</th>
-        </tr>
-    </thead>
-</table>
-
+<div class="table-responsive">
+    <table id="syslog" class="table table-hover table-condensed table-striped">
+        <thead>
+            <tr>
+                <th data-column-id="timestamp" data-order="desc">Datetime</th>
+                <th data-column-id="device_id">Hostname</th>
+                <th data-column-id="program">Program</th>
+                <th data-column-id="msg">Message</th>
+            </tr>
+        </thead>
+    </table>
+</div>
 <script>
 
 var syslog_grid = $("#syslog").bootgrid({