tweaking more badges fro /home, itemprops for homem reduced padding right of badge in category view

public/templates/home.tpl

@@ -2,15 +2,16 @@
 	{motd}
 </div>
 
-<div class="row home">
+<div class="row home" itemscope itemtype="http://www.schema.org/ItemList">
 	<!-- BEGIN categories -->
 	<div class="col-md-3 col-xs-6">
-		<a href="category/{categories.slug}">
+		<a href="category/{categories.slug}" itemprop="url">
-			<h4><span class="badge {categories.badgeclass}">{categories.topic_count} </span> {categories.name}</h4>
+			<span class="badge {categories.badgeclass}">{categories.topic_count} </span>
+			<h4 itemprop="name">{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>
-					<div class="category-box">{categories.description}</div>
+					<div class="category-box" itemprop="description">{categories.description}</div>
 					<!-- BEGIN posts -->
 					<div class="category-box">
 						<div class="post-preview">

public/themes/vanilla/category.less

@@ -71,7 +71,7 @@
 
 			.badge {
 				vertical-align: 65%;
-				margin-right: 1em;
+				margin-right: 0.25em;
 			}
 		}
 

public/themes/vanilla/home.less

@@ -1,4 +1,7 @@
 .home {
+	.badge {
+		vertical-align: 50%;
+	}
 
 	h4 {
 		font-weight: 700;
@@ -7,6 +10,8 @@
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;
+		display: inline-block;
+		margin: 0;
 	}
 
 	.icon {