From f5a1f311033c38272c8c017271a1832709c46ed3 Mon Sep 17 00:00:00 2001
From: Artem Baskal <a.baskal@adguard.com>
Date: Fri, 3 Jul 2020 11:21:23 +0300
Subject: [PATCH] - client: Display DomainCell popover Close #1817

Squashed commit of the following:

commit 203d52e9b23013cb516765c3d41c288f8ce9d90c
Merge: 5c78d918 205680b7
Author: ArtemBaskal <a.baskal@adguard.com>
Date:   Fri Jul 3 11:15:28 2020 +0300

    Merge branch 'master' into fix/1817

commit 5c78d918ee2901ff138d5d06046e74ed00dc230d
Author: ArtemBaskal <a.baskal@adguard.com>
Date:   Thu Jul 2 17:50:59 2020 +0300

    - client: Display DomainCell popover
---
 client/src/components/Logs/Logs.css     |  4 ++++
 client/src/components/ui/Popover.js     | 19 ++++++++++++++++---
 client/src/components/ui/ReactTable.css |  4 ++++
 3 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Logs/Logs.css b/client/src/components/Logs/Logs.css
index abdf9611..0a5939c1 100644
--- a/client/src/components/Logs/Logs.css
+++ b/client/src/components/Logs/Logs.css
@@ -12,6 +12,10 @@
     text-overflow: ellipsis;
 }
 
+.card-table .logs__row {
+    overflow: visible;
+}
+
 .logs__row--center {
     justify-content: center;
 }
diff --git a/client/src/components/ui/Popover.js b/client/src/components/ui/Popover.js
index bc58ac17..7ab6b5ac 100644
--- a/client/src/components/ui/Popover.js
+++ b/client/src/components/ui/Popover.js
@@ -14,13 +14,21 @@ class Popover extends Component {
 
         const source = (
             <div className="popover__list-item">
-                <Trans>source_label</Trans>: <a className="popover__link" target="_blank" rel="noopener noreferrer" href={sourceData.url}><strong>{sourceData.name}</strong></a>
+                <Trans>source_label</Trans>: <a className="popover__link" target="_blank"
+                                                rel="noopener noreferrer"
+                                                href={sourceData.url}>
+                <strong>{sourceData.name}</strong>
+            </a>
             </div>
         );
 
         const tracker = (
             <div className="popover__list-item">
-                <Trans>name_table_header</Trans>: <a className="popover__link" target="_blank" rel="noopener noreferrer" href={data.url}><strong>{data.name}</strong></a>
+                <Trans>name_table_header</Trans>: <a className="popover__link" target="_blank"
+                                                     rel="noopener noreferrer"
+                                                     href={data.url}>
+                <strong>{data.name}</strong>
+            </a>
             </div>
         );
 
@@ -29,7 +37,12 @@ class Popover extends Component {
         return (
             <div className="popover-wrap">
                 <div className="popover__trigger">
-                    <svg className="popover__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
+                    <svg className="popover__icon" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 24 24" fill="none" strokeWidth="2" strokeLinecap="round"
+                         strokeLinejoin="round">
+                        <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
+                        <circle cx="12" cy="12" r="3"></circle>
+                    </svg>
                 </div>
                 <div className="popover__body">
                     <div className="popover__list">
diff --git a/client/src/components/ui/ReactTable.css b/client/src/components/ui/ReactTable.css
index 42da9557..4595212d 100644
--- a/client/src/components/ui/ReactTable.css
+++ b/client/src/components/ui/ReactTable.css
@@ -5,6 +5,10 @@
     text-overflow: ellipsis;
 }
 
+.card-table .ReactTable .rt-td {
+    overflow: visible;
+}
+
 .ReactTable .rt-tbody {
     overflow: visible;
 }