From e7a3a511d94251c0dcf4e99aed489478c5b494df Mon Sep 17 00:00:00 2001
From: Stefan Malzner <stefan@adlk.io>
Date: Fri, 4 Oct 2019 14:04:12 +0200
Subject: Update tooltip position

---
 src/features/webControls/components/WebControls.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'src/features/webControls')

diff --git a/src/features/webControls/components/WebControls.js b/src/features/webControls/components/WebControls.js
index a39fcfe0e..c6331073b 100644
--- a/src/features/webControls/components/WebControls.js
+++ b/src/features/webControls/components/WebControls.js
@@ -148,6 +148,7 @@ class WebControls extends Component {
           type="button"
           className={classes.button}
           data-tip={intl.formatMessage(messages.goHome)}
+          data-place="bottom"
         >
           <Icon
             icon={mdiHomeOutline}
@@ -160,6 +161,7 @@ class WebControls extends Component {
           className={classes.button}
           disabled={!canGoBack}
           data-tip={intl.formatMessage(messages.back)}
+          data-place="bottom"
         >
           <Icon
             icon={mdiArrowLeft}
@@ -172,6 +174,7 @@ class WebControls extends Component {
           className={classes.button}
           disabled={!canGoForward}
           data-tip={intl.formatMessage(messages.forward)}
+          data-place="bottom"
         >
           <Icon
             icon={mdiArrowRight}
@@ -183,6 +186,7 @@ class WebControls extends Component {
           type="button"
           className={classes.button}
           data-tip={intl.formatMessage(messages.reload)}
+          data-place="bottom"
         >
           <Icon
             icon={mdiReload}
@@ -196,6 +200,7 @@ class WebControls extends Component {
             inputUrl: event.target.value,
           })}
           onFocus={(event) => {
+            console.log('on focus event');
             event.target.select();
             this.setState({
               editUrl: true,
@@ -223,14 +228,13 @@ class WebControls extends Component {
           type="button"
           className={classes.button}
           data-tip={intl.formatMessage(messages.openInBrowser)}
-          data-place="left"
+          data-place="bottom"
         >
           <Icon
             icon={mdiEarth}
             className={classes.icon}
           />
         </button>
-        {/* <ReactTooltip place="bottom" type="dark" effect="solid" /> */}
       </div>
     );
   }
-- 
cgit v1.2.3-54-g00ecf