reduce avatar size in sidebar responsively

public/css/category.less

@@ -196,6 +196,11 @@
 		}
 		.block-content {
 			padding: 10px;
+			.img-polaroid {
+				width: 20%;
+				height: auto;
+				max-width: 48px;
+			}
 		}
 
 		border-radius: 5px;

public/templates/category.tpl

@@ -68,7 +68,7 @@
 			</div>
 			<div class="block-content">
 				<!-- BEGIN active_users -->
-				<a href="/users/{active_users.username}"><img title="{active_users.username}" style="width: 48px; height: 48px; /*temporary*/" src="/graph/users/{active_users.username}/picture" class="img-polaroid" /></a>
+				<a href="/users/{active_users.username}"><img title="{active_users.username}" src="/graph/users/{active_users.username}/picture" class="img-polaroid" /></a>
 				<!-- END active_users -->
 			</div>
 		</div>
@@ -78,7 +78,7 @@
 			</div>
 			<div class="block-content">
 				<!-- BEGIN moderators -->
-				<a href="/users/{moderators.username}"><img title="{moderators.username}" style="width: 48px; height: 48px; /*temporary*/" src="/graph/users/{moderators.username}/picture" class="img-polaroid" /></a>
+				<a href="/users/{moderators.username}"><img title="{moderators.username}" src="/graph/users/{moderators.username}/picture" class="img-polaroid" /></a>
 				<!-- END moderators -->
 			</div>
 		</div>