From 08e238ab0e723b1e354f58245e9a8d5017b392c9 Mon Sep 17 00:00:00 2001
From: ArtemBaskal <a.baskal@adguard.com>
Date: Thu, 18 Jun 2020 00:13:41 +0300
Subject: [PATCH] Add comments

---
 client/src/components/Logs/Logs.css           | 37 +++++++++----------
 .../components/Logs/Tooltip/ReactTooltip.css  |  1 +
 2 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/client/src/components/Logs/Logs.css b/client/src/components/Logs/Logs.css
index 3144eb77cf4..5a40591842a 100644
--- a/client/src/components/Logs/Logs.css
+++ b/client/src/components/Logs/Logs.css
@@ -12,12 +12,6 @@
     text-overflow: ellipsis;
 }
 
-@media (hover: none) {
-    .logs__row {
-        position: initial;
-    }
-}
-
 .logs__row--center {
     justify-content: center;
 }
@@ -115,13 +109,6 @@
     right: 1rem;
 }
 
-@media (hover: none) {
-    .logs__action {
-        top: 1rem !important;
-        right: 1rem;
-    }
-}
-
 .logs__action--detailed {
     top: 5px;
 }
@@ -131,13 +118,6 @@
     position: relative;
 }
 
-@media (hover: none) {
-    .logs__table .rt-td,
-    .clients__table .rt-td {
-        position: initial;
-    }
-}
-
 .logs__table .rt-thead, .logs__table .rt-tbody {
     min-width: 100% !important;
 }
@@ -577,3 +557,20 @@
 .loading__text {
     transform: translateY(3rem);
 }
+
+/*reset position to make absolute position of tooltip on tablets, may cause problems https://github.com/wwayne/react-tooltip/issues/204*/
+@media (hover: none) {
+    .logs__action {
+        top: 1rem !important;
+        right: 1rem;
+    }
+
+    .logs__table .rt-td,
+    .clients__table .rt-td {
+        position: initial;
+    }
+
+    .logs__row {
+        position: initial;
+    }
+}
diff --git a/client/src/components/Logs/Tooltip/ReactTooltip.css b/client/src/components/Logs/Tooltip/ReactTooltip.css
index 60213260344..bc8de6c5718 100644
--- a/client/src/components/Logs/Tooltip/ReactTooltip.css
+++ b/client/src/components/Logs/Tooltip/ReactTooltip.css
@@ -6,6 +6,7 @@
     pointer-events: auto !important;
 }
 
+/*crutch, may cause problems https://github.com/wwayne/react-tooltip/issues/204*/
 @media (hover: none) {
     .custom-tooltip {
         position: absolute !important;