minor CSS fixes to post timeago text in topic view

public/src/forum/category.js

@@ -91,7 +91,7 @@
 				'<p>' +
 				posts[i].content +
 				'</p>' +
-				'<span><strong>' + posts[i].username + '</strong></span> -<span class="timeago" title="' + posts[i].relativeTime + '"></span>' +
+				'<p class="meta"><strong>' + posts[i].username + '</strong></span> -<span class="timeago" title="' + posts[i].relativeTime + '"></span></p>' +
 				'</a>';
 
 			frag.appendChild(li.cloneNode(true));

public/templates/category.tpl

@@ -36,7 +36,9 @@
 						<div class="pull-right">
 							<img class="img-rounded" style="width: 48px; height: 48px; /*temporary*/" src="{topics.teaser_userpicture}" />
 							<p>{topics.teaser_text}</p>
-							<span><strong>{topics.teaser_username}</strong> posted</span><span class="timeago" title="{topics.teaser_timestamp}"></span>
+							<p class="meta">
+								<strong>{topics.teaser_username}</strong> posted <span class="timeago" title="{topics.teaser_timestamp}"></span>
+							</p>
 						</div>
 					</div>
 					<div>

public/themes/vanilla/category.less

@@ -27,6 +27,12 @@
 		margin-left: -25px;
 	}
 
+	.meta {
+		font-size: 12px;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		overflow: hidden;
+	}
 
 	.topic-row {
 
@@ -92,22 +98,13 @@
 				display: block;
 				float: left;
 			}
+
 			p {
 				display: block;
 				float: left;
 				width: 70%;
 				margin-left: 10px;
 				overflow: hidden;
-				height: 32px;
-			}
-			span {
-				display: block;
-				float: left;
-				margin-left: 10px;
-				overflow: hidden;
-				height: 16px;
-				margin-top: -10px;
-				color: #666;
 			}
 		}
 	}