Added hint for tvdb: imdb: search prefixes. Also fixed the series title overflow issue.

src/UI/AddSeries/AddSeriesView.js

@@ -5,10 +5,11 @@ define(
         'marionette',
         'AddSeries/AddSeriesCollection',
         'AddSeries/SearchResultCollectionView',
+        'AddSeries/EmptyView',
         'AddSeries/NotFoundView',
         'Shared/LoadingView',
         'underscore'
-    ], function (vent, Marionette, AddSeriesCollection, SearchResultCollectionView, NotFoundView, LoadingView, _) {
+    ], function (vent, Marionette, AddSeriesCollection, SearchResultCollectionView, EmptyView, NotFoundView, LoadingView, _) {
         return Marionette.Layout.extend({
             template: 'AddSeries/AddSeriesViewTemplate',
 
@@ -64,13 +65,14 @@ define(
                         return;
                     }
 
-                    self.searchResult.close();
                     self._abortExistingSearch();
                     self.throttledSearch({
                         term: self.ui.seriesSearch.val()
                     });
                 });
 
+                this._clearResults();
+
                 if (this.isExisting) {
                     this.ui.searchBar.hide();
                 }
@@ -104,7 +106,7 @@ define(
 
                 else if (!this.isExisting) {
                     this.collection.reset();
-                    this.searchResult.close();
+                    this._clearResults();
                     this.ui.seriesSearch.val('');
                     this.ui.seriesSearch.focus();
                 }
@@ -118,6 +120,15 @@ define(
                     this.ui.loadMore.hide();
                 }
             },
+            
+            _clearResults: function () {
+                if (!this.isExisting) {
+                    this.searchResult.show(new EmptyView());
+                }
+                else {
+                    this.searchResult.close();
+                }
+            },
 
             _showResults: function () {
                 if (!this.isClosed) {
@@ -139,6 +150,9 @@ define(
                     console.log('aborting previous pending search request.');
                     this.currentSearchPromise.abort();
                 }
+                else {
+                    this._clearResults();
+                }
             }
         });
     });

src/UI/AddSeries/EmptyView.js

@@ -0,0 +1,11 @@
+'use strict';
+
+define(
+    [
+        'marionette'
+    ], function (Marionette) {
+
+        return Marionette.CompositeView.extend({
+            template: 'AddSeries/EmptyViewTemplate'
+        });
+    });

src/UI/AddSeries/EmptyViewTemplate.html

@@ -0,0 +1,3 @@
+<div class="text-center hint col-md-12">
+    <span>You can also search by tvdbid and imdbid using the tvdb: and imdb: prefixes.</span>
+</div>

src/UI/AddSeries/addSeries.less

@@ -100,6 +100,11 @@
     margin : 30px 0px;
     text-align: center;
   }
+    
+  .hint {
+    color      : #999999;
+    font-style : italic;
+  }
 }
 
 li.add-new {