finished styling home

less/categories.less

@@ -5,25 +5,31 @@
 	> li {
 		margin-bottom: 20px;
 
-		.icon {
+		.content {
-			font-size: 17px;
+			margin-top: 4px;
-			line-height: 17px;
+
-			padding: 13px;
+			.icon {
-			border-radius: 50%;
+				font-size: 17px;
-			margin-right: 15px;
+				line-height: 17px;
-			min-width: 46px;
+				padding: 13px;
-			min-height: 46px;
+				border-radius: 50%;
-			margin-top: 2px;
+				margin-right: 15px;
-		}
+				min-width: 46px;
+				min-height: 46px;
+				margin-top: 2px;
+			}
 
-		h1 {
+			h1 {
-			font-size: 22px;
+				font-size: 22px;
-			margin: 0;
+				margin: 0;
+			}
 		}
 
 		.stats {
 			font-size: 20px;
 			text-align: center;
+			margin-top: 5px;
+			line-height: 22px;
 
 			small {
 				text-transform: uppercase;
@@ -56,6 +62,10 @@
 					max-height: 12px;
 				}
 			}
+
+			small {
+				color: @gray-light;
+			}
 		}
 	}
 }

templates/categories.tpl

@@ -3,7 +3,7 @@
 	<li data-cid="{categories.cid}" data-numRecentReplies="{categories.numRecentReplies}" class="row">
 		<meta itemprop="name" content="{categories.name}">
 
-		<div class="col-xs-7">
+		<div class="col-xs-7 content">
 			<div class="icon pull-left" style="{function.generateCategoryBackground}">
 				<i class="fa fa-fw {categories.icon}"></i>
 			</div>