From d23fdaf18f5b96006444aa6a27dd039705a9c08a Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Thu, 10 Oct 2019 18:57:39 +0300
Subject: [PATCH 1/2] - client: fix font size of whois info

---
 client/src/components/Logs/Logs.css    | 17 ++++++++++++-----
 client/src/helpers/formatClientCell.js |  2 +-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/client/src/components/Logs/Logs.css b/client/src/components/Logs/Logs.css
index 5a79ed85..e0133175 100644
--- a/client/src/components/Logs/Logs.css
+++ b/client/src/components/Logs/Logs.css
@@ -41,11 +41,16 @@
     width: 100%;
 }
 
-.logs__text--wrap {
+.logs__text--wrap,
+.logs__text--whois {
     line-height: 1.4;
     white-space: normal;
 }
 
+.logs__text--whois {
+    line-height: 1.2;
+}
+
 .logs__row .tooltip-custom {
     top: 0;
     margin-left: 0;
@@ -152,11 +157,13 @@
 
 .logs__whois {
     display: inline;
+    font-size: 12px;
 }
 
 .logs__whois::after {
     content: "|";
     padding: 0 5px;
+    opacity: 0.3;
 }
 
 .logs__whois:last-child::after {
@@ -166,8 +173,8 @@
 .logs__whois-icon.icons {
     position: relative;
     top: -2px;
-    width: 16px;
-    height: 16px;
-    margin-right: 2px;
-    opacity: 0.6;
+    width: 12px;
+    height: 12px;
+    margin-right: 1px;
+    opacity: 0.5;
 }
diff --git a/client/src/helpers/formatClientCell.js b/client/src/helpers/formatClientCell.js
index 054b41f6..931210a7 100644
--- a/client/src/helpers/formatClientCell.js
+++ b/client/src/helpers/formatClientCell.js
@@ -38,7 +38,7 @@ export const formatClientCell = (value, clients, autoClients, t) => {
 
     if (whois) {
         whoisContainer = (
-            <div className="logs__text logs__text--wrap mt-1">
+            <div className="logs__text logs__text--wrap logs__text--whois">
                 {getFormattedWhois(whois, t)}
             </div>
         );

From 271ff4fe8358eed5de3bbeb76ab9ec7a6a369b89 Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Fri, 11 Oct 2019 12:54:44 +0300
Subject: [PATCH 2/2] - client: fix popover in the dashboard tables

---
 client/src/components/Dashboard/Dashboard.css | 5 +++--
 client/src/components/Dashboard/DomainCell.js | 2 +-
 client/src/components/Logs/Logs.css           | 4 ++++
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Dashboard/Dashboard.css b/client/src/components/Dashboard/Dashboard.css
index 73ea0567..04522ef6 100644
--- a/client/src/components/Dashboard/Dashboard.css
+++ b/client/src/components/Dashboard/Dashboard.css
@@ -1,10 +1,11 @@
 .stats__table .popover__body {
-    left: 0;
+    left: -10px;
+    min-width: 270px;
     transform: none;
 }
 
 .stats__table .popover__body:after {
-    left: 13px;
+    left: 23px;
 }
 
 .stats__table .rt-tr-group:first-child .popover__body,
diff --git a/client/src/components/Dashboard/DomainCell.js b/client/src/components/Dashboard/DomainCell.js
index c613c268..76bb0877 100644
--- a/client/src/components/Dashboard/DomainCell.js
+++ b/client/src/components/Dashboard/DomainCell.js
@@ -9,7 +9,7 @@ const DomainCell = ({ value }) => {
 
     return (
         <div className="logs__row">
-            <div className="logs__text" title={value}>
+            <div className="logs__text logs__text--domain" title={value}>
                 {value}
             </div>
             {trackerData && <Popover data={trackerData} />}
diff --git a/client/src/components/Logs/Logs.css b/client/src/components/Logs/Logs.css
index e0133175..9b2c8b21 100644
--- a/client/src/components/Logs/Logs.css
+++ b/client/src/components/Logs/Logs.css
@@ -41,6 +41,10 @@
     width: 100%;
 }
 
+.logs__text--domain {
+    max-width: 285px;
+}
+
 .logs__text--wrap,
 .logs__text--whois {
     line-height: 1.4;