From 80283b5f556d4ffb195d8b4babb6777af8937280 Mon Sep 17 00:00:00 2001
From: Paul Rosset <paulrosset96@gmail.com>
Date: Tue, 24 Oct 2017 22:27:03 +0100
Subject: [PATCH] Adjust notification HotKeyTab

---
 .../main/modals/PreferencesModal/ConfigTab.styl   | 15 +++++++++++----
 browser/main/modals/PreferencesModal/HotkeyTab.js |  9 +++++++++
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/browser/main/modals/PreferencesModal/ConfigTab.styl b/browser/main/modals/PreferencesModal/ConfigTab.styl
index 101f2f33..23eef574 100644
--- a/browser/main/modals/PreferencesModal/ConfigTab.styl
+++ b/browser/main/modals/PreferencesModal/ConfigTab.styl
@@ -67,10 +67,17 @@
   text-align right
   :global
     .alert
-      font-size 12px
-      line-height 30px
-      padding 0 5px
-      float right
+      display inline-block
+      position absolute
+      top 60px
+      right 15px
+      font-size 14px
+    .success
+      color green
+    .error
+      color red
+
+
 
 .group-control-leftButton
   colorDefaultButton()
diff --git a/browser/main/modals/PreferencesModal/HotkeyTab.js b/browser/main/modals/PreferencesModal/HotkeyTab.js
index edbd06a5..e0a09686 100644
--- a/browser/main/modals/PreferencesModal/HotkeyTab.js
+++ b/browser/main/modals/PreferencesModal/HotkeyTab.js
@@ -69,6 +69,14 @@ class HotkeyTab extends React.Component {
     })
   }
 
+  clearMessage() {
+    setTimeout(() => {
+      this.setState({
+        keymapAlert: null
+      })
+    }, 3000)
+  }
+
   render () {
     let keymapAlert = this.state.keymapAlert
     let keymapAlertElement = keymapAlert != null
@@ -76,6 +84,7 @@ class HotkeyTab extends React.Component {
         {keymapAlert.message}
       </p>
       : null
+      this.clearMessage()
     let { config } = this.state
 
     return (