Change markdown lock icon

browser/main/Detail/MarkdownNoteDetail.js

@@ -232,7 +232,7 @@ class MarkdownNoteDetail extends React.Component {
   }
 
   getToggleLockButton () {
-    return this.state.isLocked ? 'fa-lock' : 'fa-unlock'
+    return this.state.isLocked ? 'fa-eye-slash' : 'fa-eye'
   }
 
   handleDeleteKeyDown (e) {
@@ -339,9 +339,6 @@ class MarkdownNoteDetail extends React.Component {
               onMouseDown={(e) => this.handleLockButtonMouseDown(e)}
             >
               <i className={faClassName} styleName='lock-button' />
-              <span styleName='control-lockButton-tooltip'>
-                {this.state.isLocked ? 'Unlock Editor' : 'Keep Editor Locked'}
-              </span>
             </button>
           return (
             this.state.isLockButtonShown ? lockButtonComponent : ''

browser/main/Detail/MarkdownNoteDetail.styl

@@ -14,18 +14,6 @@
   top 160px
   topBarButtonLight()
 
-.control-lockButton-tooltip
-  tooltip()
-  position fixed
-  pointer-events none
-  top 50px
-  z-index 200
-  padding 5px
-  line-height normal
-  border-radius 2px
-  opacity 0
-  transition 0.1s
-
 .trashed-infopanel
   top 40px
   position relative

browser/styles/index.styl

@@ -186,12 +186,13 @@ topBarButtonLight()
   border-radius 17px
   font-size 14px
   border none
-  color alpha($ui-button-color, 0.3)
+  color alpha($ui-button-color, 0.4)
   fill $ui-button-color
   background-color transparent
   &:active
     border-color $ui-button--active-backgroundColor
   &:hover
+    transform scale(1.1)
     transition 0.4s
     color $ui-button-color
     .control-lockButton-tooltip