diff --git a/browser/main/Detail/MarkdownNoteDetail.js b/browser/main/Detail/MarkdownNoteDetail.js
index 186cd7ab..a427198b 100644
--- a/browser/main/Detail/MarkdownNoteDetail.js
+++ b/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)}
>
-
- {this.state.isLocked ? 'Unlock Editor' : 'Keep Editor Locked'}
-
return (
this.state.isLockButtonShown ? lockButtonComponent : ''
diff --git a/browser/main/Detail/MarkdownNoteDetail.styl b/browser/main/Detail/MarkdownNoteDetail.styl
index f6708ce8..a4ed7762 100644
--- a/browser/main/Detail/MarkdownNoteDetail.styl
+++ b/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
diff --git a/browser/styles/index.styl b/browser/styles/index.styl
index 7f7b0f7a..dd572191 100644
--- a/browser/styles/index.styl
+++ b/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