diff --git a/icons/document_read.png b/icons/document_read.png
new file mode 100644
index 0000000..8707a78
Binary files /dev/null and b/icons/document_read.png differ
diff --git a/mail.css b/mail.css
index 0c86775..81354bf 100644
--- a/mail.css
+++ b/mail.css
@@ -872,6 +872,31 @@ div
 	border-bottom: 1px solid #dadce0;
 }
 
+.message-list .listview .message .icon
+{
+	position: absolute;
+	left: 20%;
+	width: 20px;
+	height: 30px;
+	background: url(icons/mail_read.png) 0px 7px no-repeat;
+}
+
+.message-list .listview .message.unread .icon,
+.message-list .listview .message.unseen .icon
+{
+	background: url(icons/mail_unread.png) 0px 7px no-repeat;
+}
+
+.message-list .listview .message.unloaded .icon
+{
+	background: url(icons/document_read.png) 0px 7px no-repeat;
+}
+
+.message-on-right .message-list .listview .message .icon
+{
+	display: none;
+}
+
 .message-list .listview .message .subject
 {
 	position: absolute;
@@ -887,6 +912,7 @@ div
 .message-on-bottom .message-list .listview .message .subject,
 .message-invisible .message-list .listview .message .subject
 {
+	padding-left: 20px;
 	left: 20%;
 	width: 60%;
 }
diff --git a/mail.htm b/mail.htm
index 18b7138..1d474d3 100644
--- a/mail.htm
+++ b/mail.htm
@@ -465,6 +465,7 @@
         <div class="day first-day">TODAY</div>
         <div class="day-list">
             <div class="message unseen">
+                <div class="icon"></div>
                 <div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
                 <div class="bullet"></div>
                 <div class="from">Jan Luca Naumann</div>
@@ -473,6 +474,7 @@
                 <div class="time">19:31</div>
             </div>
             <div class="message unread">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -481,6 +483,7 @@
                 <div class="time">14:03</div>
             </div>
             <div class="message selected">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -492,6 +495,7 @@
         <div class="day">YESTERDAY</div>
         <div class="day-list">
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">интересно про Сингапур</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -502,6 +506,7 @@
         <div class="day">THURSDAY</div>
         <div class="day-list">
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: [mediawiki4intranet/IntraACL] Manage Groups (#59)</div>
                 <div class="bullet"></div>
                 <div class="from">Serze</div>
@@ -510,6 +515,7 @@
             </div>
             <!-- -->
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
                 <div class="bullet"></div>
                 <div class="from">Jan Luca Naumann</div>
@@ -517,6 +523,7 @@
                 <div class="time">19:31</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -524,6 +531,7 @@
                 <div class="time">14:03</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -531,6 +539,7 @@
                 <div class="time">13:49</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
                 <div class="bullet"></div>
                 <div class="from">Jan Luca Naumann</div>
@@ -538,6 +547,7 @@
                 <div class="time">19:31</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -545,6 +555,7 @@
                 <div class="time">14:03</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -552,6 +563,7 @@
                 <div class="time">13:49</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
                 <div class="bullet"></div>
                 <div class="from">Jan Luca Naumann</div>
@@ -559,6 +571,7 @@
                 <div class="time">19:31</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -566,6 +579,7 @@
                 <div class="time">14:03</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -573,6 +587,7 @@
                 <div class="time">13:49</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
                 <div class="bullet"></div>
                 <div class="from">Jan Luca Naumann</div>
@@ -580,6 +595,7 @@
                 <div class="time">19:31</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -587,6 +603,7 @@
                 <div class="time">14:03</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -661,7 +678,6 @@
 </div>
 <script>
 <!--
-// TODO: read/unread/unfetched icons before subject in bottom/list-only views
 // TODO: expand/collapse days, handle up/down (switch messages -> days -> messages -> scroll), pgup/pgdown, home/end keys
 // TODO: keyboard navigation in dropdowns
 // TODO: message multiselect in list (with ctrl, shift and keyboard)