Fix the disabling and clearing of the torrent details tabs

deluge/ui/web/css/deluge.css

@@ -46,6 +46,24 @@ input {
 
 
 /* Torrent Details */
+#torrentDetails dl {
+	float: left;
+	min-height: 120px;
+}
+
+#torrentDetails dl dt {
+	float: left;
+	font-weight: bold;
+	height: 19px;
+}
+
+#torrentDetails dl dd {
+	margin-left: 100px;
+	width: 140px;
+	height: 19px;
+}
+
+/* Torrent Details - Status Tab */
 .x-deluge-status-progressbar {
     margin: 5px;
 }
@@ -54,23 +72,6 @@ input {
 	margin: 10px;
 }
 
-.x-deluge-status dl {
-	float: left;
-	min-height: 120px;
-}
-
-.x-deluge-status dl dt {
-	float: left;
-	font-weight: bold;
-	height: 19px;
-}
-
-.x-deluge-status dl dd {
-	margin-left: 100px;
-	width: 140px;
-	height: 19px;
-}
-
 .x-deluge-status dd.downloaded,
 .x-deluge-status dd.uploaded,
 .x-deluge-status dd.share,
@@ -94,11 +95,12 @@ input {
 	width: 100px;
 }
 
-.x-deluge-status form br {
+/* Torrent Details - Details Tab */
-	clear: left;
+#torrentDetails dd.torrent_name,
-}
+#torrentDetails dd.status,
-
+#torrentDetails dd.tracker,
-.x-deluge-status dd.torrent_name, .x-deluge-status dd.status, .x-deluge-status dd.tracker, .x-deluge-status dd.path, .x-deluge-status dd.comment {
+#torrentDetails dd.path,
+#torrentDetails dd.comment {
 	width: auto;
 }
 

deluge/ui/web/js/Deluge.Details.Details.js

@@ -34,7 +34,7 @@ Copyright:
 
 Ext.deluge.details.DetailsTab = Ext.extend(Ext.Panel, {
 	title: _('Details'),
-	cls: 'x-deluge-status',
+	bodyStyle: 'padding 5px',
 	
 	onRender: function(ct, position) {
 		Ext.deluge.details.DetailsTab.superclass.onRender.call(this, ct, position);
@@ -42,6 +42,7 @@ Ext.deluge.details.DetailsTab = Ext.extend(Ext.Panel, {
 			url: '/render/tab_details.html',
 			text: _('Loading') + '...'
 		});
+		this.body.setStyle('padding', '5px');
 		this.getUpdater().on('update', this.onPanelUpdate, this);
 	},
 	

deluge/ui/web/js/Deluge.Details.Status.js

@@ -69,7 +69,6 @@ Ext.deluge.details.StatusTab = Ext.extend(Ext.Panel, {
 		for (var k in this.fields) {
 			this.fields[k].innerHTML = '';
 		}
-		this.disable();
 	},
 	
 	update: function(torrentId) {

deluge/ui/web/js/Deluge.Details.js

@@ -39,6 +39,7 @@ Copyright:
 		constructor: function(config) {
 			config = Ext.apply({
 				region: 'south',
+				id: 'torrentDetails',
 				split: true,
 				height: 220,
 				minSize: 100,
@@ -51,7 +52,10 @@ Copyright:
 		
 		clear: function() {
 			this.items.each(function(panel) {
-				if (panel.clear) panel.clear();
+				if (panel.clear) {
+					panel.clear.defer(100, panel);
+					panel.disable();
+				}
 			});
 		},
 		
@@ -59,9 +63,9 @@ Copyright:
 		update: function(tab) {
 			var torrent = Deluge.Torrents.getSelected();
 			if (!torrent) {
-				this.items.each(function(tab) {
+				/*this.items.each(function(tab) {
 					tab.disable();
-				});
+				});*/
 				return;
 			}