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){
@@ -199,14 +202,11 @@ var MovieList = new Class({
 							self.navigation_actions.getElements('.'+a).removeClass(a);
 							self.changeView(el.get('data-view'));
 							this.addClass(a);
-							
+
 							el.inject(el.getParent(), 'top')
 						}
 					}
 				}),
-				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': {
@@ -507,7 +511,7 @@ var MovieList = new Class({
 				'limit_offset': self.options.limit ? self.options.limit + ',' + self.offset : null
 			}, self.filter),
 			'onSuccess': function(json){
-				
+
 				if(reset)
 					self.movie_list.empty();
 

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;
 			}