fixed unread category view

public/templates/unread.tpl

@@ -24,21 +24,26 @@
 					<div class="row">
 						<div class="col-md-12 topic-row img-thumbnail">
 							<div class="latest-post visible-lg visible-md">
+								<a href="../../topic/{topics.slug}#{topics.teaser_pid}">
 									<div class="pull-right">
-									<img style="width: 48px; height: 48px; /*temporary*/" src="{topics.teaser_userpicture}" />
+										<img class="img-rounded" style="width: 48px; height: 48px; /*temporary*/" src="{topics.teaser_userpicture}" />
-									<p><strong>{topics.teaser_username}</strong>: {topics.teaser_text}</p>
+										<p>{topics.teaser_text}</p>
-									<span>posted</span>
+										<p class="meta">
-									<span class="timeago" title="{topics.teaser_timestamp}"></span>
+											<strong>{topics.teaser_username}</strong> posted <span class="timeago" title="{topics.teaser_timestamp}"></span>
+										</p>
 									</div>
+								</a>
 							</div>
+							<a href="../../topic/{topics.slug}">
 								<div>
 									<h3><span class="topic-title"><span class="badge {topics.badgeclass}">{topics.postcount}</span>{topics.title}</span></h3>
 									<small>
 										<strong><i class="{topics.pin-icon}"></i> <i class="{topics.lock-icon}"></i></strong>
-									<span>Posted </span><span class="timeago" title="{topics.relativeTime}"></span><span> by</span>
+										Posted <span class="timeago" title="{topics.relativeTime}"></span> by
 										<strong>{topics.username}</strong>.
 									</small>
 								</div>
+							</a>
 						</div>
 					</div>
 				</li>