Switch filter and view

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

@@ -192,6 +192,9 @@ var MovieList = new Class({
 			),
 			new Element('div.menus').adopt(
 				self.navigation_counter = new Element('span.counter[title=Total]'),
+				self.filter_menu = new Block.Menu(self, {
+					'class': 'filter'
+				}),
 				self.navigation_actions = new Element('ul.actions', {
 					'events': {
 						'click:relay(li)': function(e, el){
@@ -204,9 +207,6 @@ var MovieList = new Class({
 						}
 					}
 				}),
-				self.filter_menu = new Block.Menu(self, {
-					'class': 'filter'
-				}),
 				self.navigation_menu = new Block.Menu(self, {
 					'class': 'extra'
 				})
@@ -233,6 +233,10 @@ var MovieList = new Class({
 			})
 		).addClass('search');
 
+		self.filter_menu.addEvent('open', function(){
+			self.navigation_search_input.focus();
+		});
+
 		self.filter_menu.addLink(
 			self.navigation_alpha = new Element('ul.numbers', {
 				'events': {

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

@@ -825,6 +825,8 @@
 		vertical-align: top;
 		z-index: 200;
 		position: relative;
+		border: 1px solid rgba(255,255,255,.07);
+		border-width: 0 1px;
 	}
 		.movies .alph_nav .actions:hover {
 			box-shadow: 0 100px 20px -10px rgba(0,0,0,0.55);
@@ -927,8 +929,6 @@
 		}
 	
 		.movies .alph_nav .more_menu.filter {
-			border: 1px solid rgba(255,255,255,.07);
-			border-width: 0 1px;
 		}
 		
 			.movies .alph_nav .more_menu.filter > a:before {
@@ -940,7 +940,7 @@
 			}
 			
 			.movies .alph_nav .more_menu.filter .wrapper {
-				right: 45px;
+				right: 88px;
 				width: 300px;
 			}