category + recent replies layout rejigged

public/css/category.less

@@ -58,7 +58,7 @@
 
 		border-radius: 5px;
 		padding: 5px 5px 5px 20px;
-		border: 1px solid rgba(0, 0, 0, 0.2);
+		border: 1px solid rgba(0, 0, 0, 0.15);
 
 		small {
 			vertical-align: 2px;
@@ -162,18 +162,17 @@
 				}
 				p {
 					display: block;
-					padding-left:5px;
-					padding-top: 2px;
+					padding-left: 8px;
 					overflow: hidden;
 					height: 35px;
-					margin-bottom: 1px;
+					margin-bottom: 0;
 				}
 				span {
 					font-size: 12px;
 					display: block;
 					overflow: hidden;
 					height: 16px;
-					padding-left:5px;
+					padding-left: 8px;
 					color: #666;
 				}
 			}

public/css/topic.less

@@ -22,7 +22,7 @@
 	}
 
 	.profile-block, .post-block {
-		position:relative;
+		position: relative;
 		border: 1px solid rgba(0, 0, 0, 0.06);
 		border-radius: 5px;
 		padding: 10px;

public/src/forum/category.js

@@ -86,9 +86,9 @@
 			li.innerHTML =	'<a href="/users/' + posts[i].userslug + '"><img title="' + posts[i].username + '" style="width: 48px; height: 48px; /*temporary*/" class="img-rounded" src="' + posts[i].picture + '" class="" /></a>' +
 								'<a href="/topic/'+ posts[i].topicSlug + '#' + posts[i].pid + '">' +
 									'<p>' +
-										'<strong>' + posts[i].username + '</strong>: ' + posts[i].content +
+										posts[i].content +
 									'</p>' +
-									'<span>posted ' + utils.relativeTime(posts[i].timestamp) + ' ago</span>' +
+									'<span><strong>' + posts[i].username + '</strong> - ' + utils.relativeTime(posts[i].timestamp) + ' ago</span>' +
 								'</a>';
 
 			frag.appendChild(li.cloneNode(true));

public/templates/category.tpl

@@ -42,8 +42,8 @@
 					<div class="latest-post visible-lg visible-md">
 						<div class="pull-right">
 							<img class="img-rounded" style="width: 48px; height: 48px; /*temporary*/" src="{topics.teaser_userpicture}" />
-							<p><strong>{topics.teaser_username}</strong>: {topics.teaser_text}</p>
-							<span>posted {topics.teaser_timestamp} ago</span>
+							<p>{topics.teaser_text}</p>
+							<span><strong>{topics.teaser_username}</strong> posted {topics.teaser_timestamp} ago</span>
 						</div>
 					</div>
 					<div>