Cleanup provider lists

couchpotato/static/scripts/page/settings.js

@@ -120,7 +120,13 @@ Page.Settings = new Class({
 		var self = this;
 
 		self.tabs_container = new Element('ul.tabs');
-		self.containers = new Element('form.uniForm.containers').adopt(
+		self.containers = new Element('form.uniForm.containers', {
+			'events': {
+				'click:relay(.enabler.disabled h2)': function(e, el){
+					el.getPrevious().getElements('.check').fireEvent('click');
+				}
+			}
+		}).adopt(
 			new Element('label.advanced_toggle').adopt(
 				new Element('span', {
 					'text': 'Show advanced settings'
@@ -285,14 +291,23 @@ Page.Settings = new Class({
 			})
 		}
 
+		var icon;
+		if(group.icon){
+			icon = new Element('span.icon').grab(new Element('img', {
+				'src': 'data:image/png;base64,' + group.icon
+			}));
+		}
+
+		var label = new Element('span.group_label', {
+			'text': group.label || (group.name).capitalize()
+		})
 
 		return new Element('fieldset', {
 			'class': (group.advanced ? 'inlineLabels advanced' : 'inlineLabels') + ' group_' + (group.name || '') + ' subtab_' + (group.subtab || '')
 		}).grab(
-				new Element('h2', {
-					'text': group.label || (group.name).capitalize()
-				}).grab(hint)
-			);
+			new Element('h2').adopt(icon, label, hint)
+		);
+
 	},
 
 	createList: function(content_container){

couchpotato/static/style/settings.css

@@ -92,6 +92,22 @@
 				border-bottom: 1px solid #333;
 				box-shadow: 0 1px 0 rgba(255,255,255, 0.15);
 			}
+
+			.page fieldset h2 .icon {
+				vertical-align: bottom;
+				position: absolute;
+				left: -25px;
+				top: 3px;
+				background: #FFF;
+				border-radius: 2.5px;
+				line-height: 0;
+				overflow: hidden;
+			}
+
+				.page fieldset.enabler:hover h2 .icon {
+					display: none;
+				}
+
 			.page fieldset h2 .hint {
 				font-size: 12px;
 				margin-left: 10px;
@@ -200,17 +216,23 @@
 
 	.page .option_list .enabler.disabled {
 		display: inline-block;
-		margin: 3px 3px 3px 20px;
-		padding: 4px 0;
-		width: 173px;
+		padding: 4px 0 5px;
+		width: 24%;
 		vertical-align: top;
 	}
+		.page .option_list .enabler:not(.disabled) .icon {
+			display: none;
+		}
 
 		.page .option_list .enabler.disabled h2 {
+			cursor: pointer;
 			border: none;
 			box-shadow: none;
-			padding: 0 10px 0 25px;
+			padding: 0 10px 0 0;
 			font-size: 16px;
+			position: relative;
+			left: 25px;
+			margin-right: 25px;
 		}
 
 			.page .option_list .enabler:not(.disabled) h2 {