diff --git a/browser/main/NoteList/NoteItemSimple.js b/browser/main/NoteList/NoteItemSimple.js
index 2696ccd4..503e4171 100644
--- a/browser/main/NoteList/NoteItemSimple.js
+++ b/browser/main/NoteList/NoteItemSimple.js
@@ -22,6 +22,10 @@ const NoteItemSimple = ({ isActive, note, handleNoteClick, handleNoteContextMenu
onContextMenu={e => handleNoteContextMenu(e, `${note.storage}-${note.key}`)}
>
+ {note.type === 'SNIPPET_NOTE'
+ ?
+ :
+ }
{note.title.trim().length > 0
? note.title
: Empty
@@ -35,6 +39,7 @@ NoteItemSimple.propTypes = {
note: PropTypes.shape({
storage: PropTypes.string.isRequired,
key: PropTypes.string.isRequired,
+ type: PropTypes.string.isRequired,
title: PropTypes.string.isrequired,
}),
handleNoteClick: PropTypes.func.isRequired,
diff --git a/browser/main/NoteList/NoteItemSimple.styl b/browser/main/NoteList/NoteItemSimple.styl
index f6bae95e..ead8890d 100644
--- a/browser/main/NoteList/NoteItemSimple.styl
+++ b/browser/main/NoteList/NoteItemSimple.styl
@@ -17,11 +17,15 @@ $control-height = 30px
&:active
background-color $ui-active-color
color white
+ .item-simple-title-icon
+ color white
.item-simple--active
@extend .item-simple
background-color $ui-active-color
color white
+ .item-simple-title-icon
+ color white
&:hover
background-color $ui-active-color
@@ -35,6 +39,11 @@ $control-height = 30px
color $ui-text-color
border-bottom $ui-border
+.item-simple-title-icon
+ font-size 12px
+ color $ui-inactive-text-color
+ padding-right 6px
+
.item-simple-title-empty
font-weight normal
color $ui-inactive-text-color
@@ -65,5 +74,8 @@ body[data-theme="dark"]
color $ui-dark-text-color
border-color $ui-dark-borderColor
+ .item-simple-title-icon
+ color $ui-darkinactive-text-color
+
.item-simple-title-empty
color $ui-dark-inactive-text-color