Cleaner A-Z in movie list

couchpotato/core/plugins/movie/static/list.js

@@ -100,7 +100,7 @@ var MovieList = new Class({
 
 		self.navigation = new Element('div.alph_nav').adopt(
 			self.navigation_actions = new Element('ul.inlay.actions.reversed'),
-			self.navigation_alpha = new Element('ul.inlay.numbers', {
+			self.navigation_alpha = new Element('ul.numbers', {
 				'events': {
 					'click:relay(li)': function(e, el){
 						self.movie_list.empty()

couchpotato/core/plugins/movie/static/movie.css

@@ -337,23 +337,28 @@
 	.movies .alph_nav li {
 		display: inline-block;
 		vertical-align: top;
-		width: 23px;
+		width: 22px;
 		height: 24px;
 		line-height: 26px;
 		text-align: center;
 		cursor: pointer;
-		color: #666;
+		color: rgba(255,255,255,0.2);
 		border: 1px solid transparent;
+		-webkit-transition: all 0.1s ease-in-out;
+		text-shadow: none;
 	}
 		.movies .alph_nav .numbers li:first-child {
-			width: 34px;
+			width: 44px;
 		}
-		.movies .alph_nav li.active, .movies .alph_nav li:hover {
+		.movies .alph_nav li.available {
+			color: rgba(255,255,255,0.8);
 			font-weight: bolder;
-			color: #fff;
+			
 		}
-		.movies .alph_nav li.available {
+		.movies .alph_nav li.active.available, .movies .alph_nav li.available:hover {
 			color: #fff;
+			font-size: 24px;
+			line-height: 24px;
 		}
 		
 	.movies .alph_nav input {