From c6933f0228b3d3c2b04f35bca941bc6141cdc318 Mon Sep 17 00:00:00 2001
From: "kay.one" <kay.one@gmail.com>
Date: Mon, 20 May 2013 14:42:20 -0700
Subject: [PATCH] episode grid is lining up properly.

---
 UI/Series/Details/EpisodeStatusCell.js |  2 ++
 UI/Series/Details/SeasonLayout.js      |  9 +++++---
 UI/Series/series.less                  | 32 ++++++++++++++++++--------
 3 files changed, 31 insertions(+), 12 deletions(-)

diff --git a/UI/Series/Details/EpisodeStatusCell.js b/UI/Series/Details/EpisodeStatusCell.js
index eefd537a2..05e698614 100644
--- a/UI/Series/Details/EpisodeStatusCell.js
+++ b/UI/Series/Details/EpisodeStatusCell.js
@@ -3,6 +3,8 @@
 define(['app', 'Episode/Layout'], function () {
     NzbDrone.Series.Details.EpisodeStatusCell = Backgrid.Cell.extend({
 
+        className: 'episode-status-cell',
+
         events: {
             'click': 'showDetails'
         },
diff --git a/UI/Series/Details/SeasonLayout.js b/UI/Series/Details/SeasonLayout.js
index 62eca8536..a781b28f3 100644
--- a/UI/Series/Details/SeasonLayout.js
+++ b/UI/Series/Details/SeasonLayout.js
@@ -12,7 +12,9 @@ define(['app', 'Series/Details/EpisodeStatusCell'], function () {
             {
                 name : 'episodeNumber',
                 label: '#',
-                cell : 'integer'
+                cell : Backgrid.IntegerCell.extend({
+                    className: 'episode-number-cell'
+                })
             },
 
             {
@@ -23,8 +25,9 @@ define(['app', 'Series/Details/EpisodeStatusCell'], function () {
             {
                 name : 'airDate',
                 label: 'Air Date',
-                cell : 'date'
-                //formatter: new Backgrid.AirDateFormatter()
+                cell : Backgrid.DateCell.extend({
+                    className: 'episode-air-date-cell'
+                })
             } ,
             {
                 name : 'status',
diff --git a/UI/Series/series.less b/UI/Series/series.less
index f43413230..51f44c943 100644
--- a/UI/Series/series.less
+++ b/UI/Series/series.less
@@ -41,12 +41,12 @@
     }
 
     .title {
-      position:absolute;
-      left:-10000px;
-      top:auto;
-      width:1px;
-      height:1px;
-      overflow:hidden;
+      position: absolute;
+      left: -10000px;
+      top: auto;
+      width: 1px;
+      height: 1px;
+      overflow: hidden;
     }
 
     .labels {
@@ -69,6 +69,7 @@
     }
     .series-season {
       padding-bottom: 20px;
+
     }
   }
 
@@ -78,8 +79,8 @@
     display: inline-block;
 
     .ended-banner {
-      color: #EEEEEE;
-      background-color: #B94A48;
+      color: #eeeeee;
+      background-color: #b94a48;
       -moz-box-shadow: 2px 2px 20px #888888;
       -moz-transform: rotate(45deg);
       -moz-transform-origin: 50% 50%;
@@ -97,7 +98,7 @@
       position: absolute;;
       top: 0px;
       overflow: hidden;
-      background-color: #EEEEEE;
+      background-color: #eeeeee;
       width: 100%;
       text-align: right;
       padding-right: 20px;
@@ -106,3 +107,16 @@
     }
   }
 }
+
+.series-season {
+  .episode-number-cell {
+    width: 20px;
+  }
+  .episode-air-date-cell {
+    width: 150px;
+  }
+
+  .episode-status-cell {
+    width: 100px;
+  }
+}