Added tooltip to airdate on posters view

UI/Series/Index/Posters/ItemTemplate.html

@@ -12,13 +12,13 @@
                 </div>
             </div>
 
-            <div class="center title">{{title}}</div>
+            <!--<div class="center title">{{title}}</div>-->
 
             <div class="center">
                 <div class="labels">
                     {{#if isContinuing}}
                         {{#if bestDateString}}
-                            <span class="label label-inverse">{{bestDateString}}</span>
+                            <span class="label label-inverse air-date" title="{{shortDate}}">{{bestDateString}}</span>
                         {{else}}
                             <span class="label label-inverse">{{statusText}}</span>
                         {{/if}}

UI/Series/Index/Posters/ItemView.js

@@ -15,7 +15,8 @@ define([
 
 
         ui: {
-            'progressbar': '.progress .bar'
+            'progressbar': '.progress .bar',
+            'airDate': '.air-date'
         },
 
         events: {
@@ -27,6 +28,10 @@ define([
             this.qualityProfileCollection = options.qualityProfiles;
         },
 
+        onRender: function () {
+            this.ui.airDate.tooltip();
+        },
+
         editSeries: function () {
             var view = new NzbDrone.Series.Edit.EditSeriesView({ model: this.model});
 

UI/Series/SeriesModel.js

@@ -58,6 +58,15 @@
                 }
 
                 return 'Ended';
+            },
+            shortDate: function () {
+                var date = this.get('nextAiring');
+
+                if (!date) {
+                    return '';
+                }
+
+                return Date.create(date).short();
             }
         },
 

UI/Series/series.less

@@ -50,10 +50,18 @@
     opacity: 0.75;
     width: 138px;
 
+    :hover {
+      cursor: default;
+    }
+
     .label {
       margin-top: 3px;
       display: block;
     }
+
+    .tooltip {
+      opacity: 1;
+    }
   }
 .series-season {
   padding-bottom: 20px;
@@ -75,8 +83,8 @@
     -webkit-transform-origin: 50% 50%;
     position: absolute;
     width: 300px;
-    top: 180px;
+    top: 175px;
-    left: -120px;
+    left: -122px;
     text-align: center;
   }
 }