From 5f75e81720f9bac9f0f74c7e67600c7ba1942ab8 Mon Sep 17 00:00:00 2001
From: Frederic Guillot <fred@miniflux.net>
Date: Thu, 17 Mar 2016 19:16:52 -0400
Subject: [PATCH] Change icons because they are misleading

---
 assets/css/app.css | 24 ++++++++++--------------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index b0e7662..b75ad72 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -367,28 +367,24 @@ a.btn-red:hover,
 /* icons */
 article .read-icon,
 article .bookmark-icon {
-    display: inline-block;
-    color: #ccc;
-    font-size: 20px;
-    width: 20px;
-    height: 20px;
-    line-height: 20px;
-    text-align: center;
-    margin: 0 1px;
     cursor: pointer;
+    color: #aaa;
 }
 
-article .read-icon:before {
-    content: "✔";
+article[data-item-bookmark="0"] .bookmark-icon:before {
+    content: "☆";
 }
 
-article .bookmark-icon:before {
+article[data-item-bookmark="1"] .bookmark-icon:before {
     content: "★";
 }
 
-article[data-item-status="read"] .read-icon,
-article[data-item-bookmark="1"] .bookmark-icon {
-    color: #444;
+article[data-item-status="read"] .read-icon:before {
+    content: "✔";
+}
+
+article[data-item-status="unread"] .read-icon:before {
+    content: "✘";
 }
 
 /* counter brackets */