From c46c56e78449ba1cf04b3cea5277d575fe8b64c1 Mon Sep 17 00:00:00 2001
From: Damien Churchill <damoc@gmail.com>
Date: Fri, 20 Mar 2009 07:59:39 +0000
Subject: [PATCH] improve the sidebar to ensure that the icons display
 correctly

---
 deluge/ui/web/css/deluge.css    | 9 +++++++--
 deluge/ui/web/js/deluge-bars.js | 3 ++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/deluge/ui/web/css/deluge.css b/deluge/ui/web/css/deluge.css
index ed5bd675d..e23d3756b 100644
--- a/deluge/ui/web/css/deluge.css
+++ b/deluge/ui/web/css/deluge.css
@@ -149,9 +149,14 @@ input {
 	color: White;
 }
 
+/* Sidebar styles */
+.x-deluge-filters .x-grid3-col-filter {
+	height: 16px;
+	line-height: 16px;
+	padding: 2px;
+}
 
-.x-deluge-filter {
+.x-deluge-filters .x-deluge-filter {
 	background-repeat: no-repeat;
 	padding-left: 20px;
-	height: 25px;
 }
\ No newline at end of file
diff --git a/deluge/ui/web/js/deluge-bars.js b/deluge/ui/web/js/deluge-bars.js
index 246e6ac30..e26b581ee 100644
--- a/deluge/ui/web/js/deluge-bars.js
+++ b/deluge/ui/web/js/deluge-bars.js
@@ -349,7 +349,7 @@ Deluge.SideBar = {
 		if (r.store.id == 'tracker_host') {
 			image = String.format('url(/tracker/{0})', value);
 		}
-		return String.format('<span class="x-deluge-filter x-deluge-{2}" style="background-image: {3};">{0} ({1})</span>', value, r.data['count'], lname, image);
+		return String.format('<div class="x-deluge-filter x-deluge-{2}" style="background-image: {3};">{0} ({1})</div>', value, r.data['count'], lname, image);
 	},
 	
 	update: function(filters) {
@@ -384,6 +384,7 @@ Deluge.SideBar = {
 		var panel = new Ext.grid.GridPanel({
 			store: store,
 			title: title,
+			cls: 'x-deluge-filters',
 			columns: [
 				{id: 'filter', sortable: false, renderer: this.renderer, dataIndex: 'filter'}
 			],