more styling for post list

less/posts_list.less

@@ -23,13 +23,20 @@
 			}
 		}
 
+		.topic-title {
+			color: @gray-dark;
+			font-weight: 900;
+			font-size: 125%;
+		}
+
 		.content {
-			max-height: 250px;
+			max-height: 240px;
 			position: relative;
 			clear: left;
 			display: block;
 			overflow: hidden;
 			padding-right: 10px;
+			margin-bottom: 30px;
 
 			h1, h2, h3, h4, h5, h6 {
 				margin: 0;
@@ -41,6 +48,10 @@
 				margin: 8px 0;
 				padding: 0 10px;
 			}
+
+			p {
+				margin: 0 0 2px;
+			}
 		}
 
 		.post-body {
@@ -57,9 +68,9 @@
 			margin-top: -14px;
 			font-size: 10px;
 
-			.post-meta {
-				padding-left: 28px;
-				color: #aaa;
+			.post-author {
+				padding-left: 25px;
+				color: lighten(@gray-base, 65%);
 
 				a {
 					color: @gray-light;

templates/partials/posts_list.tpl

@@ -2,10 +2,10 @@
 
 	<!-- BEGIN posts -->
 	<li component="post" class="posts-list-item row" data-pid="{posts.pid}" data-uid="{posts.uid}">
-		<div class="col-xs-9 post-body">
-			<strong><a href="{config.relative_path}/topic/{posts.topic.slug}/{posts.index}">{posts.topic.title}</a></strong>
+		<div class="col-lg-11 col-sm-10 col-xs-9 post-body">
+			<a class="topic-title" href="{config.relative_path}/topic/{posts.topic.slug}/{posts.index}">{posts.topic.title}</a>
 			<div component="post/content" class="content">
-				<p>{posts.content}</p>
+				{posts.content}
 			</div>
 
 			<div class="post-info">
@@ -17,15 +17,16 @@
 					<!-- ENDIF posts.user.picture -->
 				</a>
 
-				<div class="post-meta">
+				<div class="post-author">
 					<a href="{config.relative_path}/user/{posts.user.userslug}">{posts.user.username}</a><br />
 					<span class="timeago" title="{posts.relativeTime}"></span>
 				</div>
+
 			</div>
-		</div>
 
-		<div class="col-xs-3">
-			<!--<a href="{config.relative_path}/category/{posts.category.slug}">{posts.category.name}</a><br />-->
+			<div class="post-meta">
+				
+			</div>
 		</div>
 	</li>
 	<!-- END posts -->