From f4974e49d9ba67154417abfee9121b38f95cf91f Mon Sep 17 00:00:00 2001
From: Brinken <rasmuseegmoeller@gmail.com>
Date: Thu, 30 Aug 2012 19:46:00 +0200
Subject: [PATCH 1/9] Minor Fixes

Added no artist art
---
 .../interfaces/brink/Images/no-artist-art.png | Bin 0 -> 10486 bytes
 data/interfaces/brink/base.html               |   1 +
 data/interfaces/brink/css/style.css           |   6 ++++++
 data/interfaces/brink/manage.html             |   2 +-
 data/interfaces/brink/managealbums.html       |  13 +++++++++---
 data/interfaces/brink/manageartists.html      |  19 +++++++++++++++---
 6 files changed, 34 insertions(+), 7 deletions(-)
 create mode 100644 data/interfaces/brink/Images/no-artist-art.png

diff --git a/data/interfaces/brink/Images/no-artist-art.png b/data/interfaces/brink/Images/no-artist-art.png
new file mode 100644
index 0000000000000000000000000000000000000000..3c373f8e333ef0ce335af47f331b04f7da68abbd
GIT binary patch
literal 10486
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

literal 0
HcmV?d00001

diff --git a/data/interfaces/brink/base.html b/data/interfaces/brink/base.html
index f1dea383..98abbc89 100644
--- a/data/interfaces/brink/base.html
+++ b/data/interfaces/brink/base.html
@@ -42,6 +42,7 @@
 	
 	<!--Global Script-->
 	<script src="interfaces/brink/js/script.js"></script>
+	<script src="interfaces/brink/js/plugins.js"></script>
 	
 	<!--Datatables-->
 	<script type="text/javascript" src="/js/libs/jquery.dataTables.min.js"></script>
diff --git a/data/interfaces/brink/css/style.css b/data/interfaces/brink/css/style.css
index b1290eb1..27010486 100644
--- a/data/interfaces/brink/css/style.css
+++ b/data/interfaces/brink/css/style.css
@@ -159,6 +159,7 @@ ul#nav li a{
 	color: rgba(0,0,0,0.9);
 	text-shadow: 1px 1px rgba(0,145,255,0.2);
 }
+
 /* *
  * Sub navigation
  */
@@ -223,6 +224,11 @@ ul#nav-sub > li:hover > a {
 	border-bottom: 2px solid rgb(0,145,255);
 	cursor: pointer;
 }
+ul#nav-sub > li > a.active {
+	color: rgb(0,145,255);
+	border-bottom: 2px solid rgb(0,145,255);
+	cursor: pointer;
+}
  
 ul#content-container{
 	overflow: hidden;
diff --git a/data/interfaces/brink/manage.html b/data/interfaces/brink/manage.html
index 62b3d3d0..3434e363 100644
--- a/data/interfaces/brink/manage.html
+++ b/data/interfaces/brink/manage.html
@@ -7,7 +7,7 @@
 <%def name="body()">
 	<div id="nav-sub-container">
 		<ul id="nav-sub">
-			<li>Manage: </li>
+			<li><a class="active" href="manage">Manage</a></li>
 			<li><a href="manageAlbums">Albums</a></li>
 			<li><a href="manageArtists">Artists</a></li>
 			%if not headphones.ADD_ARTISTS:
diff --git a/data/interfaces/brink/managealbums.html b/data/interfaces/brink/managealbums.html
index a7316816..7d2121f0 100644
--- a/data/interfaces/brink/managealbums.html
+++ b/data/interfaces/brink/managealbums.html
@@ -6,10 +6,17 @@
 
 
 <%def name="body()">
-	<div class="table_wrapper">
-	<div id="manageheader" class="title">
-		<h1 class="clearfix"><img src="interfaces/default/images/icon_manage.png" alt="manage"/>Manage Albums</h1>
+	<div id="nav-sub-container">
+		<ul id="nav-sub">
+			<li><a href="manage">Manage</a></li>
+			<li><a class="active" href="manageAlbums">Albums</a></li>
+			<li><a href="manageArtists">Artists</a></li>
+			%if not headphones.ADD_ARTISTS:
+			<li><a href="manageNew">New Artists</a></li>
+			%endif
+		</ul>
 	</div>
+	<div class="table_wrapper">
 	<form action="markAlbums" method="get" id="markAlbums">
 	<div id="markalbum">Mark selected albums as 
 		<select name="action" onChange="doAjaxCall('markAlbums',$(this),'table',true);" data-error="You didn't select any albums">
diff --git a/data/interfaces/brink/manageartists.html b/data/interfaces/brink/manageartists.html
index be947b76..3fabadee 100644
--- a/data/interfaces/brink/manageartists.html
+++ b/data/interfaces/brink/manageartists.html
@@ -1,8 +1,19 @@
 <%inherit file="base.html" />
+<%!
+	from headphones import db
+	import headphones
+%>
 
 <%def name="body()">
 	<div id="nav-sub-container">
-		<h1>Manage Artists<h1>
+		<ul id="nav-sub">
+			<li><a href="manage">Manage</a></li>
+			<li><a href="manageAlbums">Albums</a></li>
+			<li><a class="active" href="manageArtists">Artists</a></li>
+			%if not headphones.ADD_ARTISTS:
+			<li><a href="manageNew">New Artists</a></li>
+			%endif
+		</ul>
 	</div>
 	<form action="markArtists" method="get">
 	<p class="indented">
@@ -52,10 +63,12 @@
 					<span class="wsr Clock"></span>
 				%elif artist['Status'] == 'Loading':
 					<span class="wsr Loading loader"></span>
-				%else: 
+				%elif artist['Status'] == 'Active':
 					<span class="wsr Approved"></span>
+				%else: 
+					<span class="wsr Alert"></span>
 				%endif
-				
+				${artist['Status']}
 				</td>	
 				<td id="name"><span title="${artist['ArtistSortName']}"></span><a href="artistPage?ArtistID=${artist['ArtistID']}">${artist['ArtistName']}</a></td>
 				<td id="album"><span title="${releasedate}"></span><a href="albumPage?AlbumID=${artist['AlbumID']}">${albumdisplay}</a></td>

From 44bf3b70048d79f7100f4fa9da93099744b9a65e Mon Sep 17 00:00:00 2001
From: Brinken <rasmuseegmoeller@gmail.com>
Date: Fri, 31 Aug 2012 22:23:58 +0200
Subject: [PATCH 2/9] Albums Grid

*Added CTRL + LMOUSE click on albums to select.
---
 data/interfaces/brink/artist.html   | 29 ++++++++++++++++++++++-------
 data/interfaces/brink/css/style.css | 26 ++++++++++++--------------
 data/interfaces/brink/js/script.js  |  6 +++---
 3 files changed, 37 insertions(+), 24 deletions(-)

diff --git a/data/interfaces/brink/artist.html b/data/interfaces/brink/artist.html
index 7201357b..5ae49fa8 100644
--- a/data/interfaces/brink/artist.html
+++ b/data/interfaces/brink/artist.html
@@ -8,11 +8,11 @@
 <%def name="body()">
 	<script>
 		$(document).ready(function(){
-			$('#menu_link_getextra').click(function() {
+			$('#getExtras').click(function() {
 				$('#dialog').dialog();
 				return false;
 			});
-			$('#menu_link_modifyextra').click(function() {
+			$('#modifyExtras').click(function() {
 				$('#dialog').dialog();
 			});
 		});
@@ -23,7 +23,8 @@
 			<input type="hidden" name="ArtistID" value="${artist['ArtistID']}">
 			<input type="hidden" name="newstyle" value="true">
 			%for extra in extras:
-				<input type="checkbox" id="${extra}" name="${extra}" value="1" ${extras[extra]} />${string.capwords(extra)}<br>
+				<input type="checkbox" id="${extra}" name="${extra}" value="1" ${extras[extra]} />
+					<label for="${extra}">${string.capwords(extra)}</label><br />
 			%endfor
 			<br>
 			<input id="submit" type="submit" value="Fetch Extras">
@@ -41,9 +42,9 @@
 			%endif
 			%if artist['IncludeExtras']:
 				<li><a href="removeExtras?ArtistID=${artist['ArtistID']}">Remove Extras</a></li>
-				<li><a class="menu_link_edit" href="#">Modify Extras</a></li>
+				<li><a id="modifyExtras" href="#">Modify Extras</a></li>
 			%else:	
-				<li><a id="menu_link_getextra" href="#">Get Extras</a></li>
+				<li><a id="getExtras" href="#">Get Extras</a></li>
 			%endif
 		</ul>
 		<ul id="nav-view">
@@ -73,13 +74,14 @@
   			<option value="Downloaded">Downloaded</option>
 		</select>
 		<input type="submit" value="GO">
+		<small><span class="wsr Tag"></span> Click CTRL + LMOUSE on albums to select.</small>
 	</p>
 	<div id="gridView">
 	%for album in albums:
 		<%
 		%>
 		<div class="image-container">
-			<div class="image-box ${album['Status']}">
+			<div class="image-box">
 				<div class="image-tag ${album['Status']}"></div>
 				<img />
 				<div class="image-actions">
@@ -98,7 +100,7 @@
 			
 			<div class="image-info">
 				<b style="display: none;">${artist['ArtistName']}</b>
-				<span><a href="albumPage?AlbumID=${album['AlbumID']}" title="${album['AlbumID']}">${album['AlbumTitle']}</a></span>
+				<span><a class="image-url" href="albumPage?AlbumID=${album['AlbumID']}" title="${album['AlbumID']}">${album['AlbumTitle']}</a></span>
 			</div>
 		</div>
 	%endfor
@@ -194,6 +196,19 @@
 <%def name="javascriptIncludes()">
 	<script>
 	$(document).ready(function(){
+		$(".image-box").click(function(evt) {
+			if (evt.ctrlKey)
+			{
+				var input = $(this).find('.image-select');
+				if( $(input).is(':checked') ){
+					$(input).attr('checked', false);
+				}
+				else{
+					$(input).attr('checked', true);
+				}
+			}
+		});
+		
 		//Load Art
 		getAlbumArt();
 		getArtistArt();
diff --git a/data/interfaces/brink/css/style.css b/data/interfaces/brink/css/style.css
index 27010486..04061876 100644
--- a/data/interfaces/brink/css/style.css
+++ b/data/interfaces/brink/css/style.css
@@ -430,12 +430,8 @@ table#album_table td#albumart { vertical-align: middle; text-align: left; }
 	height: 126px;
 	width: 126px;
 	position: relative;
-	box-shadow: 0 0 6px #000;
-	-moz-box-shadow: 0 0 6px #000;
-	-webkit-box-shadow: 0 0 6px #000;
-	overflow: hidden;
 }
-.image-container  .image-box img { 
+.image-container .image-box img { 
 	width: 100%;
 	min-height: 100%;
 	position: absolute;
@@ -445,20 +441,22 @@ table#album_table td#albumart { vertical-align: middle; text-align: left; }
 	border: 0;
 }
 
-.image-container  input {
+.image-container .image-box input {
 	position: absolute;
 	top: 0px;
-	z-index: 2;
 	width: 100%;
 	height: 100%;
-	text-align: right; 
+	text-align: center;
+	box-shadow: 0px 0px 10px rgb(0,0,0);
+	-moz-box-shadow: 0px 0px 10px rgb(0,0,0);
+	-webkit-box-shadow: 0px 0px 10px rgb(0,0,0);
+	-o-box-shadow: 0px 0px 10px rgb(0,0,0);
 }
-.image-container  input:checked {
-	content: "";
-	background: rgba(0,0,0,0.1);
-	box-shadow: 0 0 10px rgb(0,145,255);
-	-moz-box-shadow: 0 0 10px rgb(0,145,255);
-	-webkit-box-shadow: 0 0 10px rgb(0,145,255);
+.image-container .image-box input:checked {
+	box-shadow: 0px 0px 10px rgb(0,145,255);
+	-moz-box-shadow: 0px 0px 10px rgb(0,145,255);
+	-webkit-box-shadow: 0px 0px 10px rgb(0,145,255);
+	-0-box-shadow: 0px 0px 10px rgb(0,145,255);
 }
 .image-container .image-actions {
 	display: none;
diff --git a/data/interfaces/brink/js/script.js b/data/interfaces/brink/js/script.js
index 4af71552..820c4806 100644
--- a/data/interfaces/brink/js/script.js
+++ b/data/interfaces/brink/js/script.js
@@ -15,7 +15,7 @@ function getArtistInfo(name,imgElem,size,artistID) {
 			} else {
 				if ( data.artist === undefined || imageUrl == "" || imageUrl == undefined ) {
 					var imageLarge = "#";
-					var imageUrl = "interfaces/brink/images/no-cover-artist.png";
+					var imageUrl = "interfaces/brink/images/no-artist-art.png";
 				} else {
 					var artist = data.artist.mbid;
 					var artistBio = data.artist.bio.summary;
@@ -42,7 +42,7 @@ function getArtistInfo(name,imgElem,size,artistID) {
 				}
 				if ( data.artist === undefined || imageUrl == "" ) {
 					var imageLarge = "#";
-					var imageUrl = "interfaces/brink/images/no-cover-artist.png";
+					var imageUrl = "interfaces/brink/images/no-artist-art.png";
 				} else {
 					var artist = data.artist.name;
 					var artistBio = data.artist.bio.summary;
@@ -101,7 +101,7 @@ function getAlbumInfo(name, album, elem,size) {
 					$(elem).css("background", "url("+ imageUrl+")");
 				} 
 				$(elem).css("background", "url("+ imageUrl+") center top no-repeat");
-				$(elem).wrap('<a href="'+ imageLarge +'" rel="dialog" title="' + name + '"></a>');
+				//$(elem).wrap('<a href="'+ imageLarge +'" rel="dialog" title="' + name + '"></a>');
 			}
 		});
 	}

From ec1054f0a06995b31aa1bdc2ffa327cce3f1250b Mon Sep 17 00:00:00 2001
From: Brinken <rasmuseegmoeller@gmail.com>
Date: Sun, 2 Sep 2012 11:46:43 +0200
Subject: [PATCH 3/9] Minor Issues

!Extra Newznabs doesn't work.
---
 data/interfaces/brink/artist.html   |  27 +++---
 data/interfaces/brink/config.html   | 132 +++++++++++++++++-----------
 data/interfaces/brink/css/style.css |  21 +++--
 data/interfaces/brink/extras.html   |  22 +++--
 4 files changed, 125 insertions(+), 77 deletions(-)

diff --git a/data/interfaces/brink/artist.html b/data/interfaces/brink/artist.html
index 5ae49fa8..d2ddac43 100644
--- a/data/interfaces/brink/artist.html
+++ b/data/interfaces/brink/artist.html
@@ -9,16 +9,16 @@
 	<script>
 		$(document).ready(function(){
 			$('#getExtras').click(function() {
-				$('#dialog').dialog();
+				$('#extras-dialog').dialog();
 				return false;
 			});
 			$('#modifyExtras').click(function() {
-				$('#dialog').dialog();
+				$('#extras-dialog').dialog();
 			});
 		});
 	</script>
 
-	<div id="dialog" title="Choose Which Extras to Fetch" style="display:none" class="configtable">
+	<div id="extras-dialog" title="Choose Which Extras to Fetch" style="display:none" class="configtable">
 		<form action="getExtras" method="get" class="ajax">
 			<input type="hidden" name="ArtistID" value="${artist['ArtistID']}">
 			<input type="hidden" name="newstyle" value="true">
@@ -74,8 +74,8 @@
   			<option value="Downloaded">Downloaded</option>
 		</select>
 		<input type="submit" value="GO">
-		<small><span class="wsr Tag"></span> Click CTRL + LMOUSE on albums to select.</small>
 	</p>
+	<small><span class="wsr Tag"></span> Click CTRL + LMOUSE on albums to select them in grid view.</small>
 	<div id="gridView">
 	%for album in albums:
 		<%
@@ -154,16 +154,7 @@
 				<td id="albumart">
 				<div class="album-art-small">
 					<a href="albumPage?AlbumID=${album['AlbumID']}" title="${album['AlbumID']}">
-						<div class="status">
-							%if album['Status'] == 'Skipped':
-								<a class="wsr" href="queueAlbum?AlbumID=${album['AlbumID']}&ArtistID=${album['ArtistID']}" title="Mark Wanted"><span>O</span></a>
-							%elif album['Status'] == 'Wanted':
-								<a class="wsr" href="unqueueAlbum?AlbumID=${album['AlbumID']}&ArtistID=${album['ArtistID']}" title="Unmark Wanted"><span>N</span></a>
-							%else:
-								<a class="wsr" href="queueAlbum?AlbumID=${album['AlbumID']}&ArtistID=${album['ArtistID']}" title="Retry"><span>*</span></a>
-								<a class="wsr" href="queueAlbum?AlbumID=${album['AlbumID']}&ArtistID=${album['ArtistID']}&new=True" title="Try new"><span>J</span></a>
-							%endif
-						</div>
+						<img />
 					</a>
 				</div>
 				</td>
@@ -272,6 +263,14 @@
 				getAlbumInfo(artistname,albumname,element,2);
 			});
 		});
+		$("table#album_table").each(function() {
+			$(this).fadeIn("slow", function(){
+				var element = $(this).find("img");
+				var artistname = $(".artist-art img").attr("alt");
+				var albumname = $(this).find("#albumname").text();
+				getAlbumInfo(artistname,albumname,element,2);
+			});
+		});
 	}
 	</script>
 </%def>
diff --git a/data/interfaces/brink/config.html b/data/interfaces/brink/config.html
index 7aceed00..460259ea 100644
--- a/data/interfaces/brink/config.html
+++ b/data/interfaces/brink/config.html
@@ -1,6 +1,7 @@
 <%inherit file="base.html"/>
 <%!
 	import headphones
+	import string
 %>
 
 <%def name="headIncludes()">
@@ -311,57 +312,70 @@
 				<!--end NZB Matrix-->
 
 				<!--Newznab-->
-				<table id="newznab" class="configtable">
+				<table class="configtable">
 					<tr>
 						<td>
-							<h2><a href="http://www.newznab.com/" target="_blank"><span class="wsr">D</span>Newznab</a></h2>
+							<h2><a href="http://www.newznab.com/" target="_blank"><span class="wsr">D</span>Newznab Providers</a></h2>
 							<br /><small><label for="newznab">Enabled/Disabled</label></small>
 						</td>
 						<td><input class="switch" type="checkbox" name="newznab" value="1" ${config['use_newznab']} /></td>
 					</tr>
 					<tr>
-						<div id="newznab">
-							<div class="config" id="newznab1">
-								<div class="row">
+					<td>
+						<table id="newznab1">
+							<tr>
+								<td>
 									<label>Newznab Host</label>
 									<input type="text" name="newznab_host" value="${config['newznab_host']}" size="30">
 									<br /><small>e.g. http://nzb.su</small>
-								</div>
-								<div class="row">
+								</td>
+							</tr>
+							<tr>
+								<td>
 									<label>Newznab API</label>
 									<input type="text" name="newznab_apikey" value="${config['newznab_api']}" size="36">
-								</div>
-								<div class="row checkbox">
-									<input id="newznab_enabled" type="checkbox" name="newznab_enabled" onclick="initConfigCheckbox($(this));" value="1" ${config['newznab_enabled']} />
+								</td>
+							</tr>
+							<tr>
+								<td>
+									<input id="newznab_enabled" type="checkbox" name="newznab_enabled" value="1" ${config['newznab_enabled']} />
 									<label>Enabled</label>
-								</div>
-							</div>
-							<%
-							newznab_number = 1
-							%>
+								</td>
+							</tr>
+							<tr>
+								<td><input class="newznab-edit-extras" type="button" value ="Edit Extras"/></td>
+							</tr>
+						</table>
+						<div id="newznab-dialog">
 							%for newznab in config['extra_newznabs']:
-							<div class="config" id="newznab${newznab_number}">
-								<div class="row">
-								<label>Newznab Host:</label>
-								<input type="text" name="newznab_host${newznab_number}" value="${newznab[0]}" size="30">
-								</div>
-								<div class="row">
-								<label>Newznab API:</label>
-								<input type="text" name="newznab_api${newznab_number}" value="${newznab[1]}" size="36">
-								</div>
-								<div class="row checkbox">
-								<input id="newznab_enabled" type="checkbox" name="newznab_enabled${newznab_number}" value="1" ${newznab_enabled} /><label>Enabled</label>
-								</div>
-								<div class="row">
-								<input type="button" class="remove" id="newznab${newznab_number}" value="Remove ${newznab[0]}">
-								</div>
-							</div>
-							<%
-								newznab_number += 1
-							%>
+							<table id="newznab${newznab_number}">
+								<tr>
+									<td>
+										<label>Newznab Host:</label>
+										<input type="text" name="newznab_host${newznab_number}" value="${newznab[0]}" size="30">
+									</td>
+								</tr>
+								<tr>
+									<td>
+										<label>Newznab API:</label>
+										<input type="text" name="newznab_api${newznab_number}" value="${newznab[1]}" size="36">
+									</td>
+								</tr>
+								<tr>
+									<td>
+										<input id="newznab_enabled" type="checkbox" name="newznab_enabled${newznab_number}" value="1" ${newznab_enabled} /><label>Enabled/Disabled</label>
+									</td>
+								</tr>
+								<tr>
+									<td>
+										<input type="button" class="remove" id="newznab${newznab_number}" value="Remove ${newznab[0]}">
+									</td>
+								</tr>
+							</table>
 							%endfor
 							<input type="button" value="Add Newznab" class="add_newznab" id="add_newznab" />
 						</div>
+						</td>
 					</tr>
 				</table>
 				<!--end Newznab-->
@@ -812,7 +826,13 @@
 				</div><!--end Notifications-->
 				<div id="NAS">
 					<h2>Synology NAS</h2>
-					<input type="checkbox" name="synoindex_enabled" id="synoindex" value="1" ${config['synoindex_enabled']} /><label>Enable Synoindex</label>
+					<table>
+						<tr>
+							<td>
+								<input type="checkbox" name="synoindex_enabled" id="synoindex" value="1" ${config['synoindex_enabled']} /><label>Enable Synoindex</label>
+							</td>
+						</tr>
+					</table>
 				</div>
 				<!--Mirror-->
 				<div id="Mirror">
@@ -885,20 +905,14 @@
 <%def name="javascriptIncludes()">
 	<script>
 		$(document).ready(function(){
+			$("#newznab-dialog").hide();
+			$(".newznab-edit-extras").click(function(){
+				$("#newznab-dialog").dialog();
+			});
 			$(".submitForm").click(function(){
 				$("#config").submit();
 			});
 			//Newznab
-			function newznab(){
-				if( $('input[name="newznab"]').is(":checked") ){
-					$("table#newznab-group").show();
-					enit();
-				}
-				else {
-					$("table#newznab-group").hide();
-					enit();
-				}
-			}
 			var deletedNewznabs = 0;
 			$(".remove").click(function() {
 				$(this).parent().parent().remove();
@@ -906,17 +920,31 @@
 			});
 			
 			$("#add_newznab").click(function() {
-				var intId = $("#newznab_providers > div").size() + deletedNewznabs + 1;
-				var formfields = $("<div class=\"config\" id=\"newznab" + intId + "\"><div class=\"row\"><label>Newznab Host</label><input type=\"text\" name=\"newznab_host" + intId + "\" size=\"30\"></div><div class=\"row\"><label>Newznab API</label><input type=\"text\" name=\"newznab_api" + intId + "\" size=\"36\"></div><div class=\"row checkbox\"><input type=\"checkbox\" name=\"newznab_enabled" + intId + "\" value=\"1\" checked /><label>Enabled</label></div>");
-				var removeButton = $("<div class=\"row\"><input type=\"button\" class=\"remove\" value=\"Remove\" /></div>");
+				var intId = $("#newznab-dialog > table").size() + deletedNewznabs + 1;
+				alert(intId);
+				var rowStart = "<tr><td>";
+				var rowEnd = "</td></tr>";
+				var formfields = $("<table id='newznab" + intId + "'>" +
+								rowStart +
+								"<label>Newznab Host</label>" +
+								"<input type='text' name='newznab_host" + intId + "' size='30'>" +
+								rowEnd +
+								rowStart +
+										"<label>Newznab API</label>" +
+										"<input type='text' name='newznab_api" + intId + "' size='36'>" +
+								rowEnd +
+								rowStart +
+									"<input type='checkbox' name='newznab_enabled" + intId + "' value='1' checked />" + 
+									"<label>Enabled</label>" + 
+								rowEnd);
+				var removeButton = $(rowStart + "<input type='button' class='remove' value='Remove' />" + rowEnd);
 				removeButton.click(function() {
 				$(this).parent().remove();
-					deletedNewznabs = deletedNewznabs + 1;
-				
+					deletedNewznabs = deletedNewznabs - 1;
 				});
 				formfields.append(removeButton);
-				formfields.append("</div>");
-				$("#add_newznab").after(formfields);
+				formfields.append("</table>");
+				$("#add_newznab").before(formfields);
 			});
 		
 			//Mirrors
diff --git a/data/interfaces/brink/css/style.css b/data/interfaces/brink/css/style.css
index 04061876..cf4a1b77 100644
--- a/data/interfaces/brink/css/style.css
+++ b/data/interfaces/brink/css/style.css
@@ -254,11 +254,12 @@ input, textarea, select, option {
 	appearance:none;
 	-moz-appearance:none; /* Firefox */
 	-webkit-appearance:none; /* Safari and Chrome */
+	-0-appearance:none; /* Safari and Chrome */
 	padding-left: 5px;
 	padding-right: 5px;
 	font-size: .8em;
 	color: rgba(255,255,255,0.6);
-	line-height: 25px;
+	line-height: 2em;
 	font-weight: bold;
 	margin: 0;
 }
@@ -285,6 +286,8 @@ input[type="button"],
 input[type="submit"]{
 	background-color: rgba(0,0,0,.1);
 	border: 1px solid rgba(0,0,0,.3);
+	height: 2.3em;
+	display: inline;
 }
 select:hover,
 input[type="button"]:hover, 
@@ -294,6 +297,7 @@ input[type="submit"]:hover{
 }
 select option{
 	background: rgb(31,31,31);
+	border: 0;
 }
 select option:hover{
 	background: rgb(255,255,255);
@@ -433,12 +437,16 @@ table#album_table td#albumart { vertical-align: middle; text-align: left; }
 }
 .image-container .image-box img { 
 	width: 100%;
-	min-height: 100%;
+	height: 100%;
 	position: absolute;
 	top: 0px;
 	left: 0px;
 	z-index: 1;
 	border: 0;
+	box-shadow: 0px 0px 10px rgb(0,0,0);
+	-moz-box-shadow: 0px 0px 10px rgb(0,0,0);
+	-webkit-box-shadow: 0px 0px 10px rgb(0,0,0);
+	-o-box-shadow: 0px 0px 10px rgb(0,0,0);
 }
 
 .image-container .image-box input {
@@ -447,10 +455,6 @@ table#album_table td#albumart { vertical-align: middle; text-align: left; }
 	width: 100%;
 	height: 100%;
 	text-align: center;
-	box-shadow: 0px 0px 10px rgb(0,0,0);
-	-moz-box-shadow: 0px 0px 10px rgb(0,0,0);
-	-webkit-box-shadow: 0px 0px 10px rgb(0,0,0);
-	-o-box-shadow: 0px 0px 10px rgb(0,0,0);
 }
 .image-container .image-box input:checked {
 	box-shadow: 0px 0px 10px rgb(0,145,255);
@@ -458,6 +462,11 @@ table#album_table td#albumart { vertical-align: middle; text-align: left; }
 	-webkit-box-shadow: 0px 0px 10px rgb(0,145,255);
 	-0-box-shadow: 0px 0px 10px rgb(0,145,255);
 }
+.image-container .image-box .image-count {
+	width: 100%;
+	height: 100%;
+	font-size: 10em;
+}
 .image-container .image-actions {
 	display: none;
 	position: absolute;
diff --git a/data/interfaces/brink/extras.html b/data/interfaces/brink/extras.html
index cc931622..3bb120a4 100644
--- a/data/interfaces/brink/extras.html
+++ b/data/interfaces/brink/extras.html
@@ -2,12 +2,24 @@
 <%def name="body()">
 	<div class="table_wrapper">
 		<h1>Suggestions</h1>
-		<div class="cloudtag">
-			<ul id="cloud">
 			%for artist in cloudlist:
-				<li><a href="addArtist?artistid=${artist['ArtistID']}" class="tag${artist['Count']}">${artist['ArtistName']}</a></li>
+				<div class="image-container">
+					<div class="image-box">
+						<div class="image-count">${artist['Count']}</div>
+						<img />
+						<div class="image-actions">
+							%if artist['Status'] == 'Loading':
+								<a href="addArtist?artistid=${artist['ArtistID']}"><span class="wsr Like"></span></a>
+							%else:
+								${havetracks}/${totaltracks}
+							%endif	
+						</div>
+					</div>
+					<div class="image-info">
+						<b title="${artist['ArtistID']}"><a href="artistPage?ArtistID=${artist['ArtistID']}">${artist['ArtistName']}</a></b>
+					</div>
+				</div>
 			%endfor
-			</ul>
-		</div>
+			
 	</div>
 </%def>

From 5d014b32d5b69b6e212f69c9fd0dd41eeb4583db Mon Sep 17 00:00:00 2001
From: Brinken <rasmuseegmoeller@gmail.com>
Date: Sun, 2 Sep 2012 13:28:42 +0200
Subject: [PATCH 4/9] Fixed update link

---
 data/interfaces/brink/base.html | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/data/interfaces/brink/base.html b/data/interfaces/brink/base.html
index 98abbc89..bf230a76 100644
--- a/data/interfaces/brink/base.html
+++ b/data/interfaces/brink/base.html
@@ -129,8 +129,7 @@
 					<a href="forceSearch"><span class="wsr">I</span> Wanted Albums</a>
 					<a href="forceUpdate"><span class="wsr">U</span> Active Artists</a>
 					<a href="forcePostProcess"><span class="wsr">J</span> Post-Process</a>
-					<a href="checkGithub" onclick="javascript:return confirm('Do you wish to Update Headphones now?')"><span class="wsr">V</span> Update
-						<span id="commits-behind"></span>
+					<a href="update" onclick="javascript:return confirm('Do you wish to Update Headphones now?')"><span class="wsr">V</span> Update
 					</a>
 				</div>
 				<div class="btn right">

From b998a6cd8c19fb34fbe9407bf7f36c049bc14cdc Mon Sep 17 00:00:00 2001
From: Brinken <rasmuseegmoeller@gmail.com>
Date: Sun, 2 Sep 2012 13:41:23 +0200
Subject: [PATCH 5/9] NMA - On snatch

---
 data/interfaces/brink/config.html | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/data/interfaces/brink/config.html b/data/interfaces/brink/config.html
index 460259ea..2bc14cc1 100644
--- a/data/interfaces/brink/config.html
+++ b/data/interfaces/brink/config.html
@@ -782,6 +782,10 @@
 							</td>
 							<td><input class="switch" type="checkbox" name="nma_enabled" id="nma" value="1" ${config['nma_enabled']} /></td>
 						</tr>
+						<tr>
+							<td><label for="nma_onsnatch">Notify on snatch?</label></td>
+								<td><input type="checkbox" name="nma_onsnatch" value="1" ${config['nma_onsnatch']} /></td>
+						</tr>
 					</table>
 					<table id="nmaoptions">
 						<tr>

From 77d0ff7a9f28bf492106d756898e4396e37c2e96 Mon Sep 17 00:00:00 2001
From: Brinken <rasmuseegmoeller@gmail.com>
Date: Sun, 2 Sep 2012 13:46:16 +0200
Subject: [PATCH 6/9] Update information

---
 data/interfaces/brink/base.html | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/data/interfaces/brink/base.html b/data/interfaces/brink/base.html
index bf230a76..986f6792 100644
--- a/data/interfaces/brink/base.html
+++ b/data/interfaces/brink/base.html
@@ -62,11 +62,17 @@
 	<script type="text/javascript">
 		$(document).ready(function(){
 	% if not headphones.CURRENT_VERSION:
-			$("#commits-behind").fadeIn('slow').text("${headphones.COMMITS_BEHIND}");
+			var noty_id = noty({
+				text:'<span class="wsr">V</span> New version available!',
+				layout: 'bottomRight',
+				type:'information'
+			});
 	% elif headphones.CURRENT_VERSION != headphones.LATEST_VERSION and headphones.INSTALL_TYPE != 'win':
-			$("#commits-behind").fadeIn('slow').text("(${headphones.COMMITS_BEHIND})");	
-	% else: 
-			$("#commits-behind").hide()
+			var noty_id = noty({
+				text:'<span class="wsr">V</span> You are ${headphones.COMMITS_BEHIND} commits behind',
+				layout: 'bottomRight',
+				type:'information'
+			});
 	% endif
 		});
 	</script>

From 1d71c3a6d2e06c770e870255dc6363fdf9999d91 Mon Sep 17 00:00:00 2001
From: Brinken <rasmuseegmoeller@gmail.com>
Date: Sun, 2 Sep 2012 15:27:09 +0200
Subject: [PATCH 7/9] Minor Changes

---
 data/interfaces/brink/config.html        | 135 ++++++++++++++---------
 data/interfaces/brink/css/style.css      |  23 +++-
 data/interfaces/brink/js/configscript.js |   2 +-
 3 files changed, 101 insertions(+), 59 deletions(-)

diff --git a/data/interfaces/brink/config.html b/data/interfaces/brink/config.html
index 2bc14cc1..2fbc01b3 100644
--- a/data/interfaces/brink/config.html
+++ b/data/interfaces/brink/config.html
@@ -112,15 +112,19 @@
 						<!--API-->
 							<tr>
 								<td><h2>API:</h2>
-									<small><label for="api_switch">Enabled/Disabled</label></small></td>
-								<td><input class="switch" type="checkbox" name="api_switch" id="api_enabled" value="1" ${config['api_enabled']} /></td>
+									<small><label for="api_enabled">Enabled/Disabled</label></small></td>
+								<td><input class="switch" type="checkbox" name="api_enabled" id="api_enabled" value="1" ${config['api_enabled']} /></td>
 							</tr>
-							<tr id="api_switch">
+							<tr id="api_enabled_switch">
 								<td>
-									<small>Visit <a href="https://github.com/rembo10/headphones/tree/" target="_blank"><span>D</span>repo</a> for more information.</small>
-								</td>
-								<td>
-									<input type="text" name="api_key" value="${config['api_key']}" size="30"><input class="submit" type="button" value="Generate" id="generate_api">
+									<table>
+										<tr>
+											<td colspan="2">
+											<small>Current API:<strong id="api_key">${config['api_key']}</strong></small>
+											<input class="submit" type="button" value="Generate" id="generate_api" />
+											</td>
+										</tr>
+									</table>
 								</td>
 							</tr>
 						<!--end API-->
@@ -294,9 +298,9 @@
 					<tr>
 						<td>
 							<h2><a href="http://www.nzbmatrix.com" target="_blank"><span class="wsr">D</span>NZBMatrix</a></h2>
-							<br /><small><label for="nzbmatrix_switch">Enabled/Disabled</label></small>
+							<br /><small><label for="nzbmatrix">Enabled/Disabled</label></small>
 						</td>
-						<td><input class="switch" type="checkbox" name="nzbmatrix_switch" value="1" ${config['use_nzbmatrix']} /></td>
+						<td><input class="switch" type="checkbox" name="nzbmatrix" value="1" ${config['use_nzbmatrix']} /></td>
 					</tr>
 				</table>
 				<table id="nzbmatrix_switch">
@@ -312,27 +316,28 @@
 				<!--end NZB Matrix-->
 
 				<!--Newznab-->
-				<table class="configtable">
-					<tr>
-						<td>
-							<h2><a href="http://www.newznab.com/" target="_blank"><span class="wsr">D</span>Newznab Providers</a></h2>
-							<br /><small><label for="newznab">Enabled/Disabled</label></small>
-						</td>
-						<td><input class="switch" type="checkbox" name="newznab" value="1" ${config['use_newznab']} /></td>
-					</tr>
-					<tr>
-					<td>
+				<div class="group">
+					<table class="configtable">
+						<tr>
+							<td>
+								<h2><a href="http://www.newznab.com/" target="_blank"><span class="wsr">D</span>Newznab Providers</a></h2>
+								<small><label for="newznab">Enabled/Disabled</label></small>
+							</td>
+							<td><input class="switch" type="checkbox" name="newznab" value="1" ${config['use_newznab']} /></td>
+						</tr>
+					</table>
+					<div class="group">
+					<div id="newznab_switch">
 						<table id="newznab1">
-							<tr>
-								<td>
-									<label>Newznab Host</label>
+							<tr><td>
+									<label>Host:</label>
 									<input type="text" name="newznab_host" value="${config['newznab_host']}" size="30">
 									<br /><small>e.g. http://nzb.su</small>
 								</td>
 							</tr>
 							<tr>
 								<td>
-									<label>Newznab API</label>
+									<label>API</label>
 									<input type="text" name="newznab_apikey" value="${config['newznab_api']}" size="36">
 								</td>
 							</tr>
@@ -346,6 +351,7 @@
 								<td><input class="newznab-edit-extras" type="button" value ="Edit Extras"/></td>
 							</tr>
 						</table>
+					</div>
 						<div id="newznab-dialog">
 							%for newznab in config['extra_newznabs']:
 							<table id="newznab${newznab_number}">
@@ -375,30 +381,33 @@
 							%endfor
 							<input type="button" value="Add Newznab" class="add_newznab" id="add_newznab" />
 						</div>
-						</td>
-					</tr>
-				</table>
+					</div>
+				</div>
 				<!--end Newznab-->
 
 				<!--NZBs.org-->
-				<table>
-					<tr>
-						<td>
-							<h2><a href="http://nzbs.org/" target="_blank"><span class="wsr">D</span>Nzbs</a></h2>
-							<small></small>
-						</td>
-						<td><input class="switch" type="checkbox" name="nzbsorg" value="1" ${config['use_nzbsorg']} /><small><label for="nzbsorg"></label></small></td>
-					</tr>
-				</table>
-				<table id="nzbsorg">
-					<tr>
-						<td><label for="nzbsorg_hash">API Key:</label></td>
-						<td><input type="text" name="nzbsorg_hash" value="${config['nzbsorg_hash']}" size="30" maxlength="40"></td>
-					</tr>
-				</table>
+				<div class="group">
+					<table>
+						<tr>
+							<td><h2><a href="http://nzbs.org/" target="_blank"><span class="wsr">D</span>Nzbs.org</a></h2>
+								<small><label for="nzbsorg"></label></small>
+							</td>
+							<td><input class="switch" type="checkbox" name="nzbsorg" value="1" ${config['use_nzbsorg']} /></td>
+						</tr>
+					</table>
+					<group>
+					<table id="nzbsorg_switch">
+						<tr>
+							<td><label for="nzbsorg_hash">API Key:</label></td>
+							<td><input type="text" name="nzbsorg_hash" value="${config['nzbsorg_hash']}" size="30" maxlength="40"></td>
+						</tr>
+					</table>
+					</group>
+				</div>
 				<!--end NZBs.org-->
 				
 				<!--Newzbin-->
+				<div class="group">
 				<table>
 					<tr>
 						<td>
@@ -410,16 +419,19 @@
 						</td>
 					</tr>
 				</table>
-				<table id="newsbin" class="configtable">
-					<tr>
-						<td><label for="newzbin_uid">UID:</label></td>
-						<td><input type="text" name="newzbin_uid" value="${config['newzbin_uid']}" size="30" maxlength="40" /></td>
-					</tr>
-					<tr>
-						<td><label for="newzbin_password">Password:</label></td>
-						<td><input type="text" name="newzbin_password" value="${config['newzbin_pass']}" size="36" maxlength="40" /></td>
-					</tr>
-				</table>
+				<group>
+					<table id="newzbin_switch">
+						<tr>
+							<td><label for="newzbin_uid">UID:</label></td>
+							<td><input type="text" name="newzbin_uid" value="${config['newzbin_uid']}" size="30" maxlength="40" /></td>
+						</tr>
+						<tr>
+							<td><label for="newzbin_password">Password:</label></td>
+							<td><input type="text" name="newzbin_password" value="${config['newzbin_pass']}" size="36" maxlength="40" /></td>
+						</tr>
+					</table>
+				</group>
+				</div>
 				<!--end Newzbin-->
 					
 				<!--Torrents-->
@@ -782,10 +794,6 @@
 							</td>
 							<td><input class="switch" type="checkbox" name="nma_enabled" id="nma" value="1" ${config['nma_enabled']} /></td>
 						</tr>
-						<tr>
-							<td><label for="nma_onsnatch">Notify on snatch?</label></td>
-								<td><input type="checkbox" name="nma_onsnatch" value="1" ${config['nma_onsnatch']} /></td>
-						</tr>
 					</table>
 					<table id="nmaoptions">
 						<tr>
@@ -798,6 +806,11 @@
 							<td><a href="https://play.google.com/store/apps/details?id=com.usk.app.notifymyandroid">Get NotifyMyAndroid</a></td>
 						</tr>
 						
+						<tr>
+							<td><label for="nma_onsnatch">Notify on snatch?</label></td>
+								<td><input type="checkbox" name="nma_onsnatch" value="1" ${config['nma_onsnatch']} /></td>
+						</tr>
+						
 						<!--Priority-->
 						<tr>
 							<td><label for="nma_priority">Priority:</label></td>
@@ -909,6 +922,18 @@
 <%def name="javascriptIncludes()">
 	<script>
 		$(document).ready(function(){
+			$('#api_key').click(function(){ $('#api_key').select() });
+			$("#generate_api").click(function(){
+				$.get('generateAPI', 
+					function(data){
+						if (data.error != undefined) {
+							alert(data.error);
+							return;
+						}
+						$('#api_key').val(data);
+				});
+			});
+		
 			$("#newznab-dialog").hide();
 			$(".newznab-edit-extras").click(function(){
 				$("#newznab-dialog").dialog();
diff --git a/data/interfaces/brink/css/style.css b/data/interfaces/brink/css/style.css
index cf4a1b77..4bd53141 100644
--- a/data/interfaces/brink/css/style.css
+++ b/data/interfaces/brink/css/style.css
@@ -344,9 +344,26 @@ input[type="checkbox"]:checked:after{
 
 /*config*/
 div#config_wrapper { margin: auto; width: 640px;}
-div#config_wrapper div table { width: 100%; border-collapse:separate; border-spacing: 10px; }
-div#config_wrapper div table tr td:first-child{ width: 240px; }
-div#config_wrapper div table tr td{ vertical-align: middle; }
+div#config_wrapper > div > table { width: 100%; border-collapse:separate; border-spacing: 10px; }
+div#config_wrapper > div > table tr td:first-child{ width: 240px; }
+div#config_wrapper > div > table tr td{ vertical-align: middle; }
+group,
+div.group {
+	padding: 5px;
+	background-color: rgba(0,0,0,0.1);
+	border: 1px solid rgba(255,255,255,0.1);
+	border-radius: 10px;
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	-o-border-radius: 10px;
+	display: block;
+}
+div.group table {
+margin-left: 10px;
+}
+div.group:first-child {
+margin-left: 0px;
+}
 /*end config*/
 
 /* Artist Table Style*/
diff --git a/data/interfaces/brink/js/configscript.js b/data/interfaces/brink/js/configscript.js
index 6a99b799..71d0bee4 100644
--- a/data/interfaces/brink/js/configscript.js
+++ b/data/interfaces/brink/js/configscript.js
@@ -43,7 +43,7 @@ $(document).ready(function(){
 	$( '.switch' ).each(function(){
 		//set Label name to current active state
 		var labelName = 'label[for="' + $( this ).attr( "name" ) + '"]';
-		var switchId = $( this ).attr( "name" );
+		var switchId = $( this ).attr( "name" ) + "_switch";
 		if ( $( this ).is(':checked') ){
 			$( labelName ).text( 'Enabled' );
 			$("#" + switchId ).show();

From 5f365c44a33754c210871fb9815cbbf0a3798f6b Mon Sep 17 00:00:00 2001
From: Brinken <rasmuseegmoeller@gmail.com>
Date: Sun, 2 Sep 2012 19:46:33 +0200
Subject: [PATCH 8/9] Checkbox now animate with style

---
 data/interfaces/brink/base.html          |   4 +-
 data/interfaces/brink/config.html        | 142 +++++++++++++----------
 data/interfaces/brink/css/style.css      |  16 +--
 data/interfaces/brink/js/configscript.js |   8 +-
 4 files changed, 89 insertions(+), 81 deletions(-)

diff --git a/data/interfaces/brink/base.html b/data/interfaces/brink/base.html
index 986f6792..5fcc20ed 100644
--- a/data/interfaces/brink/base.html
+++ b/data/interfaces/brink/base.html
@@ -63,9 +63,9 @@
 		$(document).ready(function(){
 	% if not headphones.CURRENT_VERSION:
 			var noty_id = noty({
-				text:'<span class="wsr">V</span> New version available!',
+				text:'<span class="wsr">V</span> <strong>Headpones Update Available!</strong><br />A new version is ready to be installed.',
 				layout: 'bottomRight',
-				type:'information'
+				type:'information
 			});
 	% elif headphones.CURRENT_VERSION != headphones.LATEST_VERSION and headphones.INSTALL_TYPE != 'win':
 			var noty_id = noty({
diff --git a/data/interfaces/brink/config.html b/data/interfaces/brink/config.html
index 2fbc01b3..140334ba 100644
--- a/data/interfaces/brink/config.html
+++ b/data/interfaces/brink/config.html
@@ -294,64 +294,68 @@
 				<small>"We provide you with a automated search service to locate binary files/secgments that can be found on the public access network called Usenet."</small>
 				
 				<!--NZB Matrix-->
+				<div class="group">
 				<table id="nzbmatrix">
 					<tr>
+						<td><input class="switch" type="checkbox" name="nzbmatrix" value="1" ${config['use_nzbmatrix']} /></td>
 						<td>
 							<h2><a href="http://www.nzbmatrix.com" target="_blank"><span class="wsr">D</span>NZBMatrix</a></h2>
-							<br /><small><label for="nzbmatrix">Enabled/Disabled</label></small>
+							<small><label for="nzbmatrix">Enabled/Disabled</label></small>
 						</td>
-						<td><input class="switch" type="checkbox" name="nzbmatrix" value="1" ${config['use_nzbmatrix']} /></td>
-					</tr>
-				</table>
-				<table id="nzbmatrix_switch">
-					<tr>
-						<td><label for="nzbmatrix_username">Username:</label></td>
-							<td><input type="text" name="nzbmatrix_username" value="${config['nzbmatrix_user']}" size="30" maxlength="40" /></td>
-					</tr>
-					<tr>
-						<td><label for="nzbmatrix_apikey">API:</label></td>
-							<td><input type="text" name="nzbmatrix_apikey" value="${config['nzbmatrix_api']}" size="36" maxlength="40" /></td>
 					</tr>
 				</table>
+				<div class="group" id="nzbmatrix_switch">
+					<table>
+						<tr>
+							<td><label for="nzbmatrix_username">Username:</label></td>
+								<td><input type="text" name="nzbmatrix_username" value="${config['nzbmatrix_user']}" size="30" maxlength="40" /></td>
+						</tr>
+						<tr>
+							<td><label for="nzbmatrix_apikey">API:</label></td>
+								<td><input type="text" name="nzbmatrix_apikey" value="${config['nzbmatrix_api']}" size="36" maxlength="40" /></td>
+						</tr>
+					</table>
+				</div>
+				</div>
 				<!--end NZB Matrix-->
 
 				<!--Newznab-->
 				<div class="group">
 					<table class="configtable">
 						<tr>
+							<td><input class="switch" type="checkbox" name="newznab" value="1" ${config['use_newznab']} /></td>
 							<td>
 								<h2><a href="http://www.newznab.com/" target="_blank"><span class="wsr">D</span>Newznab Providers</a></h2>
 								<small><label for="newznab">Enabled/Disabled</label></small>
 							</td>
-							<td><input class="switch" type="checkbox" name="newznab" value="1" ${config['use_newznab']} /></td>
 						</tr>
 					</table>
-					<div class="group">
-					<div id="newznab_switch">
-						<table id="newznab1">
-							<tr><td>
-									<label>Host:</label>
-									<input type="text" name="newznab_host" value="${config['newznab_host']}" size="30">
-									<br /><small>e.g. http://nzb.su</small>
-								</td>
-							</tr>
-							<tr>
-								<td>
-									<label>API</label>
-									<input type="text" name="newznab_apikey" value="${config['newznab_api']}" size="36">
-								</td>
-							</tr>
-							<tr>
-								<td>
-									<input id="newznab_enabled" type="checkbox" name="newznab_enabled" value="1" ${config['newznab_enabled']} />
-									<label>Enabled</label>
-								</td>
-							</tr>
-							<tr>
-								<td><input class="newznab-edit-extras" type="button" value ="Edit Extras"/></td>
-							</tr>
-						</table>
-					</div>
+					<div class="group" id="newznab_switch">
+						<div>
+							<table id="newznab1">
+								<tr><td>
+										<label>Host:</label>
+										<input type="text" name="newznab_host" value="${config['newznab_host']}" size="30">
+										<br /><small>e.g. http://nzb.su</small>
+									</td>
+								</tr>
+								<tr>
+									<td>
+										<label>API</label>
+										<input type="text" name="newznab_apikey" value="${config['newznab_api']}" size="36">
+									</td>
+								</tr>
+								<tr>
+									<td>
+										<input id="newznab_enabled" type="checkbox" name="newznab_enabled" value="1" ${config['newznab_enabled']} />
+										<label>Enabled</label>
+									</td>
+								</tr>
+								<tr>
+									<td><input class="newznab-edit-extras" type="button" value ="Edit Extras"/></td>
+								</tr>
+							</table>
+						</div>
 						<div id="newznab-dialog">
 							%for newznab in config['extra_newznabs']:
 							<table id="newznab${newznab_number}">
@@ -389,20 +393,20 @@
 				<div class="group">
 					<table>
 						<tr>
+							<td><input class="switch" type="checkbox" name="nzbsorg" value="1" ${config['use_nzbsorg']} /></td>
 							<td><h2><a href="http://nzbs.org/" target="_blank"><span class="wsr">D</span>Nzbs.org</a></h2>
 								<small><label for="nzbsorg"></label></small>
 							</td>
-							<td><input class="switch" type="checkbox" name="nzbsorg" value="1" ${config['use_nzbsorg']} /></td>
 						</tr>
 					</table>
-					<group>
-					<table id="nzbsorg_switch">
-						<tr>
-							<td><label for="nzbsorg_hash">API Key:</label></td>
-							<td><input type="text" name="nzbsorg_hash" value="${config['nzbsorg_hash']}" size="30" maxlength="40"></td>
-						</tr>
-					</table>
-					</group>
+					<div class="group" id="nzbsorg_switch">
+						<table>
+							<tr>
+								<td><label for="nzbsorg_hash">API Key:</label></td>
+								<td><input type="text" name="nzbsorg_hash" value="${config['nzbsorg_hash']}" size="30" maxlength="40"></td>
+							</tr>
+						</table>
+					</div>
 				</div>
 				<!--end NZBs.org-->
 				
@@ -410,17 +414,15 @@
 				<div class="group">
 				<table>
 					<tr>
+						<td><input class="switch" type="checkbox" name="newzbin" value="1" ${config['use_newzbin']} /></td>
 						<td>
 							<h2><a href="http://www.newsbin.com/" target="_blank"><span class="wsr">D</span>Newzbin</a></h2>
 							<small><label for="newzbin">Enabled/Disabled</label></small>
 						</td>
-						<td>
-							<input class="switch" type="checkbox" name="newzbin" value="1" ${config['use_newzbin']} />
-						</td>
 					</tr>
 				</table>
-				<group>
-					<table id="newzbin_switch">
+				<div class="group" id="newzbin_switch">
+					<table>
 						<tr>
 							<td><label for="newzbin_uid">UID:</label></td>
 							<td><input type="text" name="newzbin_uid" value="${config['newzbin_uid']}" size="30" maxlength="40" /></td>
@@ -430,7 +432,7 @@
 							<td><input type="text" name="newzbin_password" value="${config['newzbin_pass']}" size="36" maxlength="40" /></td>
 						</tr>
 					</table>
-				</group>
+				</div>
 				</div>
 				<!--end Newzbin-->
 					
@@ -595,7 +597,7 @@
 					<div><!--Encoder Options-->
 						<table id="encoderoptions">
 							<tr>
-								<td><h2>Encoder Options</h2></td>
+								<td colspan="2"><h2>Encoder Options</h2></td>
 							</tr>
 							<tr>
 								<td><label for="encoderlossless">Only re-encode lossless files (.flac)</label></td>
@@ -728,15 +730,17 @@
 					<h1><span class="wsr">W</span> Notifications</h1>
 					<small></small>
 					<!--Prowl-->
+					<div class="group">
 					<table>
 						<tr>
+							<td><input class="switch" type="checkbox" name="prowl_enabled" id="prowl" value="1" ${config['prowl_enabled']} /></td>
 							<td><h2>Prowl Options</h2>
 								<small><label for="prowl_enabled">Enabled/Disabled</label></small>
 							</td>
-							<td><input class="switch" type="checkbox" name="prowl_enabled" id="prowl" value="1" ${config['prowl_enabled']} /></td>
 						</tr>
 					</table>
-					<table id="prowloptions">
+					<div class="group" id="prowl_enabled_switch">
+					<table>
 						
 						<tr>
 							<td><label for="prowl_keys">API key:</label></td>
@@ -749,17 +753,22 @@
 							<tr><td><label for="prowl_priority">Priority (-2,-1,0,1 or 2):</label></td>
 							<td><input type="text" name="prowl_priority" value="${config['prowl_priority']}" size="2"></td>
 						</tr>
-					</table><!--end Prowl-->
+					</table>
+					</div>
+					</div>
+					<!--end Prowl-->
 					<!--XBMC-->
+					<div class="group">
 					<table>
 						<tr>
+							<td><input class="switch" type="checkbox" name="xbmc_enabled" id="xbmc" value="1" ${config['xbmc_enabled']} /></td>
 							<td><h2>XBMC</h2>
 								<small><label for="xbmc_enabled">Enabled/Disabled</label></small>
 							</td>
-							<td><input class="switch" type="checkbox" name="xbmc_enabled" id="xbmc" value="1" ${config['xbmc_enabled']} /></td>
 						</tr>
 					</table>
-					<table id="xbmcoptions">
+					<div class="group" id="xbmc_enabled_switch">
+					<table>
 						<tr>
 							<td><label for="xbmc_host">XBMC Host:</label>
 								<small>e.g. http://localhost:8080. Separate hosts with commas</small>
@@ -783,19 +792,24 @@
 							<td><label>Send Notification to XBMC:</label></td>
 							<td><input type="checkbox" name="xbmc_notify" value="1" ${config['xbmc_notify']} /></td>
 						</tr>
-					</table><!--end XBMC-->
+					</table>
+					</div>
+					</div>
+					<!--end XBMC-->
 					
 					<!--NMA Options-->
+					<div class="group">
 					<table>
 						<tr>
+							<td><input class="switch" type="checkbox" name="nma_enabled" id="nma" value="1" ${config['nma_enabled']} /></td>
 							<td>
 								<h2>Notify My Android</h2>
 								<small><label for="nma_enabled">Enabled/Disabled</label></small>
 							</td>
-							<td><input class="switch" type="checkbox" name="nma_enabled" id="nma" value="1" ${config['nma_enabled']} /></td>
 						</tr>
 					</table>
-					<table id="nmaoptions">
+					<div class="group" id="nma_enabled_switch">
+					<table>
 						<tr>
 							<td><label for="nma_apikey">NotifyMyAndroid API Key:</label>
 								<small>Separate multiple api keys with ",".</small>
@@ -840,7 +854,9 @@
 							</td>
 						</tr><!--end Priority-->
 					</table><!--end NMA Options-->
+					</div>
 				</div><!--end Notifications-->
+				
 				<div id="NAS">
 					<h2>Synology NAS</h2>
 					<table>
diff --git a/data/interfaces/brink/css/style.css b/data/interfaces/brink/css/style.css
index 4bd53141..37aeb4c4 100644
--- a/data/interfaces/brink/css/style.css
+++ b/data/interfaces/brink/css/style.css
@@ -347,23 +347,15 @@ div#config_wrapper { margin: auto; width: 640px;}
 div#config_wrapper > div > table { width: 100%; border-collapse:separate; border-spacing: 10px; }
 div#config_wrapper > div > table tr td:first-child{ width: 240px; }
 div#config_wrapper > div > table tr td{ vertical-align: middle; }
-group,
 div.group {
 	padding: 5px;
 	background-color: rgba(0,0,0,0.1);
-	border: 1px solid rgba(255,255,255,0.1);
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-	-o-border-radius: 10px;
+	border-top: 1px solid rgba(0,0,0,0.1);
+	border-left: 1px solid rgba(0,0,0,0.1);
+	border-bottom: 1px solid rgba(255,255,255,0.1);
+	border-right: 1px solid rgba(255,255,255,0.1);
 	display: block;
 }
-div.group table {
-margin-left: 10px;
-}
-div.group:first-child {
-margin-left: 0px;
-}
 /*end config*/
 
 /* Artist Table Style*/
diff --git a/data/interfaces/brink/js/configscript.js b/data/interfaces/brink/js/configscript.js
index 71d0bee4..8382f5f9 100644
--- a/data/interfaces/brink/js/configscript.js
+++ b/data/interfaces/brink/js/configscript.js
@@ -46,12 +46,12 @@ $(document).ready(function(){
 		var switchId = $( this ).attr( "name" ) + "_switch";
 		if ( $( this ).is(':checked') ){
 			$( labelName ).text( 'Enabled' );
-			$("#" + switchId ).show();
+			$("#" + switchId ).slideDown();
 			enit();
 		}
 		else {
 			$( labelName ).text( 'Disabled' );
-			$("#" + switchId ).hide();
+			$("#" + switchId ).slideUp();
 			enit();
 		}
 		//Change label
@@ -59,12 +59,12 @@ $(document).ready(function(){
 			if ( $( this ).is( ':checked' ) ){
 				
 				$( labelName ).text( 'Enabled' );
-				$("#" + switchId ).show();
+				$("#" + switchId ).slideDown();
 				enit();
 			}
 			else{
 				$( labelName ).text( 'Disabled' );
-				$("#" + switchId ).hide();
+				$("#" + switchId ).slideUp();
 				enit();
 			}
 		});

From fba969586364d786ac9fd9372177b4bb457dd632 Mon Sep 17 00:00:00 2001
From: Brinken <rasmuseegmoeller@gmail.com>
Date: Mon, 3 Sep 2012 09:00:00 +0200
Subject: [PATCH 9/9] Config Style

---
 data/interfaces/brink/config.html   | 2 +-
 data/interfaces/brink/css/style.css | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/data/interfaces/brink/config.html b/data/interfaces/brink/config.html
index 140334ba..4f767a81 100644
--- a/data/interfaces/brink/config.html
+++ b/data/interfaces/brink/config.html
@@ -78,7 +78,7 @@
 						</tr>
 						<tr>
 							<td>
-								<label for="launch_browser">Launch browser:</label><br />
+								<label for="launch_browser">Launch browser:</label>
 								<br /><small>Enabling this feature will open Headphones at startup.</small>
 							</td>
 							<td>
diff --git a/data/interfaces/brink/css/style.css b/data/interfaces/brink/css/style.css
index 37aeb4c4..7bcb6eb7 100644
--- a/data/interfaces/brink/css/style.css
+++ b/data/interfaces/brink/css/style.css
@@ -344,9 +344,9 @@ input[type="checkbox"]:checked:after{
 
 /*config*/
 div#config_wrapper { margin: auto; width: 640px;}
-div#config_wrapper > div > table { width: 100%; border-collapse:separate; border-spacing: 10px; }
-div#config_wrapper > div > table tr td:first-child{ width: 240px; }
-div#config_wrapper > div > table tr td{ vertical-align: middle; }
+div#config_wrapper div table { width: 100%; border-collapse:separate; border-spacing: 10px; }
+div#config_wrapper div table tr td:first-child{ width: 50%; }
+div#config_wrapper div table tr td{ vertical-align: middle; }
 div.group {
 	padding: 5px;
 	background-color: rgba(0,0,0,0.1);