Show "Add" form on suggestion details

couchpotato/core/media/movie/_base/static/details.js

@@ -96,7 +96,7 @@ var MovieDetails = new Class({
 		var ended = function() {
 			self.el.dispose();
 			self.el.removeEventListener('transitionend', ended);
-		}
+		};
 		self.el.addEventListener('transitionend', ended, false);
 
 		// animate out

couchpotato/core/media/movie/_base/static/movie.actions.js

@@ -775,38 +775,33 @@ MA.Refresh = new Class({
 MA.Add = new Class({
 
 	Extends: MovieAction,
+	label: 'Add',
 
 	create: function() {
 		var self = this;
 
-		self.button = self.createButton();
+		self.button = new Element('a.add', {
-		self.detail_button = self.createButton();
-
-	},
-
-	createButton: function(){
-		var self = this;
-		return new Element('a.add', {
 			'text': 'Add',
 			'title': 'Re-add the movie and mark all previous snatched/downloaded as ignored',
 			'events': {
-				'click': self.doAdd.bind(self)
+				'click': function(){
+					self.movie.openDetails();
+				}
 			}
 		});
 
 	},
 
-	doAdd: function(e){
+	getDetails: function(){
 		var self = this;
-		(e).preventDefault();
 
-		var m = new BlockSearchMovieItem(movie, {
+		var m = new BlockSearchMovieItem(self.movie.data.info, {
 			'onAdded': function(){
-				//self.afterAdded(m, movie);
 			}
 		});
+m.showOptions();
 
-		p(m);
+		return m;
 	}
 
 });

couchpotato/core/media/movie/_base/static/movie.scss

@@ -551,6 +551,38 @@
 		}
 	}
 
+	.section_add {
+		background: $theme_off;
+
+		.options > div {
+			display: flex;
+
+			select {
+				vertical-align: middle;
+				display: inline-block;
+				margin-right: 10px;
+				min-width: 70px;
+				flex: 1 auto;
+
+				@include media-phablet {
+					min-width: 0;
+				}
+			}
+
+			.button {
+				background: #FFF;
+				flex: 1 auto;
+				vertical-align: middle;
+				display: inline-block;
+				text-align: center;
+			}
+
+		}
+		.thumbnail, .data {
+			display: none;
+		}
+	}
+
 	.releases {
 
 		.buttons {

couchpotato/static/scripts/library/question.js

@@ -64,7 +64,7 @@ var Question = new Class( {
 		var ended = function() {
 			self.container.dispose();
 			self.container.removeEventListener('transitionend', ended);
-		}
+		};
 		self.container.addEventListener('transitionend', ended, false);
 
 		// animate out

couchpotato/static/style/main.scss

@@ -64,7 +64,7 @@ input, textarea, select {
     @include media-phablet {
         width: $header_width_mobile;
         min-width: $header_width_mobile;
-		z-index: 1;
+		z-index: 21;
     }
 
     a {