From 85f395dace23f950fc7649b074bfa0c58ba53cc4 Mon Sep 17 00:00:00 2001
From: Mcat12 <newtoncat12@yahoo.com>
Date: Tue, 12 Sep 2017 15:31:53 -0400
Subject: [PATCH] Add horizontal scroll bars to domains and clients in query
 log

Signed-off-by: Mcat12 <newtoncat12@yahoo.com>
---
 scss/_custom.scss          | 5 +++++
 src/components/QueryLog.js | 8 +++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/scss/_custom.scss b/scss/_custom.scss
index b81e52b..93f3288 100644
--- a/scss/_custom.scss
+++ b/scss/_custom.scss
@@ -10,3 +10,8 @@
     display: none;
   }
 }
+
+.ReactTable .rt-td.horizontal-scroll {
+  overflow: auto;
+  text-overflow: clip;
+}
\ No newline at end of file
diff --git a/src/components/QueryLog.js b/src/components/QueryLog.js
index 3119a07..2b18459 100644
--- a/src/components/QueryLog.js
+++ b/src/components/QueryLog.js
@@ -88,19 +88,21 @@ const columns = [
     Header: "Type",
     id: "type",
     accessor: r => r[1],
-    minWidth: 50
+    minWidth: 40
   },
   {
     Header: "Domain",
     id: "domain",
     accessor: r => r[2],
-    minWidth: 200
+    minWidth: 200,
+    className: "horizontal-scroll"
   },
   {
     Header: "Client",
     id: "client",
     accessor: r => r[3],
-    minWidth: 150
+    minWidth: 120,
+    className: "horizontal-scroll"
   },
   {
     Header: "Status",