3 files changed, 10 insertions, 6 deletions

diff --git a/hyperkitty/static/css/hyperkitty-common.css b/hyperkitty/static/css/hyperkitty-common.css
index ee591c5..2fe6669 100644
--- a/hyperkitty/static/css/hyperkitty-common.css
+++ b/hyperkitty/static/css/hyperkitty-common.css
@@ -16,11 +16,6 @@
     list-style-type: none;
 }
 
-i.new-message {
-    float: right;
-    margin-right: 2em;
-}
-
 /* from Bootstrap's alert class */
 .errorlist {
   list-style-type: none;
diff --git a/hyperkitty/static/css/hyperkitty-message.css b/hyperkitty/static/css/hyperkitty-message.css
index 92c8778..3e43e3d 100644
--- a/hyperkitty/static/css/hyperkitty-message.css
+++ b/hyperkitty/static/css/hyperkitty-message.css
@@ -209,11 +209,16 @@
     background-color: rgb(215, 215, 229);
     display: none;
 }
-.replies .email.new-message {
+.replies .email.unread {
     border-top: 1px solid rgb(100, 100, 100);
     background-color: rgb(214, 214, 214);
 }
 
+.email.unread i.unread {
+    float: right;
+    margin-right: 2em;
+}
+
 .email-body {
     white-space: pre;
     overflow: auto;
diff --git a/hyperkitty/static/css/hyperkitty-threadslist.css b/hyperkitty/static/css/hyperkitty-threadslist.css
index 231ba43..644d2b7 100644
--- a/hyperkitty/static/css/hyperkitty-threadslist.css
+++ b/hyperkitty/static/css/hyperkitty-threadslist.css
@@ -68,6 +68,10 @@
     margin-left: 2em;
 }
 
+.thread.unread i.unread {
+    vertical-align: baseline;
+}
+
 .thread-content {
     margin-top: 0.5em;
 }