From ebfd8f40e3b1ea0fdb9ea935ce029163207f1457 Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Sun, 15 Oct 2017 17:20:55 +0900
Subject: [PATCH] Pin to top layout

---
 browser/components/NoteItem.js   |  2 +-
 browser/components/NoteItem.styl | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/browser/components/NoteItem.js b/browser/components/NoteItem.js
index 35c6d976..e85df791 100644
--- a/browser/components/NoteItem.js
+++ b/browser/components/NoteItem.js
@@ -73,7 +73,7 @@ const NoteItem = ({ isActive, note, dateDisplay, handleNoteClick, handleNoteCont
         ? <i styleName='item-star' className='fa fa-star' /> : ''
       }
       {note.isPinned && !pathname.match(/\/home|\/starred|\/trash/)
-        ? <i styleName='item-pin' className='fa fa-map-pin' /> : ''
+        ? <i styleName='item-pin' className='fa fa-thumb-tack' /> : ''
       }
       {note.type === 'MARKDOWN_NOTE'
         ? <TodoProcess todoStatus={getTodoStatus(note.content)} />
diff --git a/browser/components/NoteItem.styl b/browser/components/NoteItem.styl
index d4b15dfd..bda90407 100644
--- a/browser/components/NoteItem.styl
+++ b/browser/components/NoteItem.styl
@@ -126,6 +126,17 @@ $control-height = 30px
   padding 0
   border-radius 17px
 
+.item-pin
+  position absolute
+  right -21px
+  bottom 28px
+  width 34px
+  height 34px
+  color #E54D42
+  font-size 14px
+  padding 0
+  border-radius 17px
+
 body[data-theme="dark"]
   .root
     border-color $ui-dark-borderColor