Move unread count in thread watcher to the left.

src/General/css/style.css

@@ -698,16 +698,19 @@ span.hide-announcement {
   -webkit-flex-direction: row;
   flex-direction: row;
 }
+#watched-threads .watcher-unread {
+  -webkit-flex: 0 0 auto;
+  flex: 0 0 auto;
+}
+#watched-threads .watcher-unread::after {
+  content: "\\00a0";
+}
 #watched-threads .watcher-title {
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-flex: 0 1 auto;
   flex: 0 1 auto;
 }
-#watched-threads .watcher-unread {
-  -webkit-flex: 0 0 auto;
-  flex: 0 0 auto;
-}
 #thread-watcher a {
   text-decoration: none;
 }

src/Monitoring/ThreadWatcher.coffee

@@ -198,19 +198,21 @@ ThreadWatcher =
       href: 'javascript:;'
     $.on x, 'click', ThreadWatcher.cb.rm
 
-    title = $.el 'span',
-      textContent: data.excerpt
-      className: 'watcher-title'
-
-    count = $.el 'span',
-      textContent: if Conf['Show Unread Count'] and data.unread? then "\u00A0(#{data.unread})" else ''
-      className: 'watcher-unread'
-
     link = $.el 'a',
       href: "/#{boardID}/thread/#{threadID}"
       title: data.excerpt
       className: 'watcher-link'
-    $.add link, [title, count]
+
+    if Conf['Show Unread Count'] and data.unread?
+      count = $.el 'span',
+        textContent: "(#{data.unread})"
+        className: 'watcher-unread'
+      $.add link, count
+
+    title = $.el 'span',
+      textContent: data.excerpt
+      className: 'watcher-title'
+    $.add link, title
 
     div = $.el 'div'
     fullID = "#{boardID}.#{threadID}"