Problem: unread items are not really visible

Solution: use blue outline for unread items

src/components/Entry.vue

@@ -254,14 +254,19 @@ export default {
           return this.item.refs[this.item['like-of']]
         } else if (this.isRepost) {
           return this.item.refs[this.item['repost-of']]
+        } else if (this.isBookmark) {
+          return this.item.refs[this.item['bookmark-of']]
         }
       },
       isRef() {
-        return this.isLike || this.isRepost
+        return this.isLike || this.isRepost || this.isBookmark
       },
       isLike() {
         return this.hasRef('like-of')
       },
+      isBookmark() {
+        return this.hasRef('bookmark-of')
+      },
       isRepost() {
         return this.hasRef('repost-of')
       },
@@ -272,6 +277,9 @@ export default {
         if (this.isRepost) {
           return 'reposted'
         }
+        if (this.isBookmark) {
+          return 'bookmarked'
+        }
         return ''
       },
       main_content() {
@@ -370,6 +378,7 @@ export default {
             return
           }
           this.hasHiddenContent = el.scrollHeight > el.clientHeight
+          this.hiddenContentVisible = false
         })
       }
     }
@@ -378,7 +387,7 @@ export default {
 
 <style scoped>
   .entry.unread {
-    border-color: #555;
+    outline: 2px solid #5757e8;
   }
 
   .media .entry {