From a08fbf4591067c73a619b2431be25c6188f1f518 Mon Sep 17 00:00:00 2001
From: psychobunny <psycho.bunny@hotmail.com>
Date: Wed, 5 Jun 2013 12:11:20 -0400
Subject: [PATCH] reduce avatar size in sidebar responsively

---
 public/css/category.less      | 5 +++++
 public/templates/category.tpl | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/public/css/category.less b/public/css/category.less
index 7c45d1f087..2024c6d9e2 100644
--- a/public/css/category.less
+++ b/public/css/category.less
@@ -196,6 +196,11 @@
 		}
 		.block-content {
 			padding: 10px;
+			.img-polaroid {
+				width: 20%;
+				height: auto;
+				max-width: 48px;
+			}
 		}
 
 		border-radius: 5px;
diff --git a/public/templates/category.tpl b/public/templates/category.tpl
index 8f17449a73..39ccda6c94 100644
--- a/public/templates/category.tpl
+++ b/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>