reverting changes to the badge

public/templates/category.tpl

@@ -46,8 +46,8 @@
 						<a href="../../topic/{topics.slug}" itemprop="url">
 							<div>
 								<h3>
-									<span class="badge {topics.badgeclass}">{topics.postcount}</span>
-									<span class="topic-title" itemprop="name">{topics.title}</span>
+									<meta itemprop="name" content="{topics.title}">
+									<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>

public/templates/home.tpl

@@ -6,8 +6,8 @@
 	<!-- BEGIN categories -->
 	<div class="col-md-3 col-xs-6">
 		<a href="category/{categories.slug}" itemprop="url">
-			<span class="badge {categories.badgeclass}">{categories.topic_count} </span>
-			<h4 itemprop="name">{categories.name}</h4>
+			<meta itemprop="name" content="{categories.name}">
+			<h4><span class="badge {categories.badgeclass}">{categories.topic_count} </span> {categories.name}</h4>
 			<div class="icon {categories.blockclass}">
 				<div id="category-{categories.cid}" class="category-slider-{categories.post_count}">
 					<div class="category-box"><i class="{categories.icon} icon-4x"></i></div>

public/themes/vanilla/category.less

@@ -67,11 +67,10 @@
 				white-space: nowrap;
 				text-overflow:ellipsis;
 				overflow: hidden;
-			}
 
-			.badge {
-				vertical-align: 65%;
-				margin-right: 0.25em;
+				.badge {
+					margin-right: 6px;
+				}
 			}
 		}
 

public/themes/vanilla/home.less

@@ -1,8 +1,4 @@
 .home {
-	.badge {
-		vertical-align: 50%;
-	}
-
 	h4 {
 		font-weight: 700;
 		line-height: 21px;