From e471b4edf52f7cb1e20d0bcb19c1f80fb8edba96 Mon Sep 17 00:00:00 2001
From: psychobunny <psycho.bunny@hotmail.com>
Date: Wed, 28 Aug 2013 03:43:05 +0800
Subject: [PATCH] category + recent replies layout rejigged

---
 public/css/category.less      | 9 ++++-----
 public/css/topic.less         | 2 +-
 public/src/forum/category.js  | 4 ++--
 public/templates/category.tpl | 4 ++--
 4 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/public/css/category.less b/public/css/category.less
index 1f6327e5a6..6894a99253 100644
--- a/public/css/category.less
+++ b/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;
 				}
 			}
diff --git a/public/css/topic.less b/public/css/topic.less
index 2545262374..209010e83e 100644
--- a/public/css/topic.less
+++ b/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;
diff --git a/public/src/forum/category.js b/public/src/forum/category.js
index 6ed025ca99..70e8937701 100644
--- a/public/src/forum/category.js
+++ b/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));
diff --git a/public/templates/category.tpl b/public/templates/category.tpl
index 5b6b272457..723850dd02 100644
--- a/public/templates/category.tpl
+++ b/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>