small user img-thumbnails changed to img-rounded

public/css/category.less

@@ -167,7 +167,7 @@
 					padding-top: 2px;
 					overflow: hidden;
 					height: 32px;
-					margin-bottom: 0.5em;
+					margin-bottom: 0.1em;
 				}
 				span {
 					font-size: 12px;
@@ -184,6 +184,8 @@
 
 
 	.sidebar-block {
+		display: block;
+
 		.block-header {
 			padding: 8px;
 			padding-left: 13px;
@@ -198,7 +200,7 @@
 		}
 		.block-content {
 			padding: 10px;
-			.img-thumbnail {
+			.img-rounded {
 				width: 20%;
 				height: auto;
 				max-width: 48px;
@@ -209,7 +211,7 @@
 		padding: 0;
 		margin-bottom: 20px;
 
-		.img-thumbnail {
+		.img-rounded {
 			margin-top: 2px;
 
 		}

public/src/forum/category.js

@@ -83,7 +83,7 @@
 			li.setAttribute('data-pid', posts[i].pid);
 
 
-			li.innerHTML =	'<a href="/users/' + posts[i].userslug + '"><img title="' + posts[i].username + '" style="width: 48px; height: 48px; /*temporary*/" class="img-thumbnail" src="' + posts[i].picture + '" class="" /></a>' +
+			li.innerHTML =	'<a href="/users/' + posts[i].userslug + '"><img title="' + posts[i].username + '" style="width: 48px; height: 48px; /*temporary*/" class="img-rounded" src="' + posts[i].picture + '" class="" /></a>' +
 								'<a href="/topic/'+ posts[i].topicSlug + '#' + posts[i].pid + '">' +
 									'<p>' +
 										'<strong>' + posts[i].username + '</strong>: ' + posts[i].content +

public/templates/category.tpl

@@ -76,7 +76,7 @@
 			</div>
 			<div class="block-content">
 				<!-- BEGIN active_users -->
-				<a href="/users/{active_users.userslug}"><img title="{active_users.username}" src="{active_users.picture}" class="img-thumbnail" /></a>
+				<a href="/users/{active_users.userslug}"><img title="{active_users.username}" src="{active_users.picture}" class="img-rounded" /></a>
 				<!-- END active_users -->
 			</div>
 		</div>
@@ -86,7 +86,7 @@
 			</div>
 			<div class="block-content">
 				<!-- BEGIN moderators -->
-				<a href="/users/{moderators.userslug}"><img title="{moderators.username}" src="{moderators.picture}" class="img-thumbnail" /></a>
+				<a href="/users/{moderators.userslug}"><img title="{moderators.username}" src="{moderators.picture}" class="img-rounded" /></a>
 				<!-- END moderators -->
 			</div>
 		</div>