From 07db982493d34f1dff09691a33a5522e415d5570 Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Thu, 11 Apr 2019 15:58:20 +0200
Subject: [PATCH] fix copy to clipboard button tooltip

---
 src/components/Log/index.js | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/Log/index.js b/src/components/Log/index.js
index c2ea9bb5..acd51053 100644
--- a/src/components/Log/index.js
+++ b/src/components/Log/index.js
@@ -70,6 +70,11 @@ const ButtonCopy = styled(Button)`
     margin-top: 10px;
 `;
 
+const TooltipContainer = styled.div`
+    display: flex;
+    flex-direction: row;
+`;
+
 const Log = (props: Props) => {
     if (!props.log.opened) return null;
 
@@ -93,15 +98,16 @@ const Log = (props: Props) => {
                 <ReactJson src={props.log.entries} />
             </LogWrapper>
             {props.log.copied ? (
-                <Tooltip
-                    defaultVisible
-                    maxWidth={285}
-                    placement="top"
-                    content={<FormattedMessage {...l10nMessages.TR_COPIED} />}
-                    afterVisibleChange={props.resetCopyState}
-                >
-                    {copyBtn}
-                </Tooltip>
+                <TooltipContainer>
+                    <Tooltip
+                        maxWidth={285}
+                        placement="top"
+                        content={<FormattedMessage {...l10nMessages.TR_COPIED} />}
+                        onHidden={props.resetCopyState}
+                    >
+                        {copyBtn}
+                    </Tooltip>
+                </TooltipContainer>
             ) : (
                 <CopyWrapper>{copyBtn}</CopyWrapper>
             )}