Adjust notification HotKeyTab

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()

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 (