From 04faff3e2c739f819aaa23227301d060cbf04e0b Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Fri, 7 Sep 2018 18:58:48 +0300
Subject: [PATCH 1/2] fix table cell overflow in filters

---
 client/src/components/Filters/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Filters/index.js b/client/src/components/Filters/index.js
index 084a6f54..ea4c814a 100644
--- a/client/src/components/Filters/index.js
+++ b/client/src/components/Filters/index.js
@@ -41,11 +41,11 @@ class Filters extends Component {
     }, {
         Header: 'Filter name',
         accessor: 'name',
-        Cell: ({ value }) => (<span title={value}>{value}</span>),
+        Cell: ({ value }) => (<div className="logs__row logs__row--overflow"><span className="logs__text" title={value}>{value}</span></div>),
     }, {
         Header: 'Host file URL',
         accessor: 'url',
-        Cell: ({ value }) => (<a href={value} target='_blank' rel='noopener noreferrer'>{value}</a>),
+        Cell: ({ value }) => (<div className="logs__row logs__row--overflow"><a href={value} target='_blank' rel='noopener noreferrer' className="link logs__text">{value}</a></div>),
     }, {
         Header: 'Rules count',
         accessor: 'rulesCount',

From 9e6ed7f273e996b2a89d9eda2302117adcc2389d Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Fri, 7 Sep 2018 19:06:09 +0300
Subject: [PATCH 2/2] fix filtered reason overflow

---
 client/src/components/Logs/index.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Logs/index.js b/client/src/components/Logs/index.js
index c35c2e01..70648940 100644
--- a/client/src/components/Logs/index.js
+++ b/client/src/components/Logs/index.js
@@ -68,8 +68,10 @@ class Logs extends Component {
                 if (isFiltered) {
                     return (
                         <div className="logs__row">
-                            { this.renderTooltip(isFiltered, rule) }
-                            <span>{ parsedFilteredReason }</span>
+                            {this.renderTooltip(isFiltered, rule)}
+                            <span className="logs__text" title={parsedFilteredReason}>
+                                {parsedFilteredReason}
+                            </span>
                         </div>
                     );
                 }