Grid fixes.

Moved grid CSS to Grid.css.

NzbDrone.Web/Content/Grid.css

@@ -2,15 +2,77 @@
 {
     width: 18px;
     height: 18px;
-    padding: 1px;
+    padding: 3px 1px;
-    margin: 2px;
+    margin: 0px;
+    vertical-align: middle;
 }
     
 .searchImage:hover, .renameImage:hover, .ignoreEpisode:hover, .ignoreEpisodesMaster:hover
 {
     background-color: #065EFE;
 }
+
+/* Custom Grid */
+.seriesTable
+{
+    width: 100%;
+    border-width: 1px;
+    border-spacing: 2px;
+    border-style: none;
+    border-color: white;
+    border-collapse: collapse;
+}
+    
+.seriesTable th
+{
+    font-family: "Segoe UI Light" , "Open Sans" , "Segoe UI" , sans-serif;
+    border-width: 300;
+    font-size: 17px;
+    padding: 2px;
+    border-style: none;
+    border-color: #EEEEEE;
+    padding-left: 7px;
+    text-align: left;
+    background-color: white;
+    font-weight: lighter;
+}
+    
+.seriesTable td
+{
+    border-width: 1px;
+    padding: 0px 8px 0px 8px;
+    border-style: inset;
+    border-color: #EEEEEE;
+}
+    
+.detail-row
+{
+    display: none;
+}
     
+/* Colour alternating rows */
+.seriesTable tr:nth-child(4n)
+{
+    background: #f0f5ff;
+}
+    
+.seriesTable tr:nth-child(4n+1)
+{
+    background: #f0f5ff;
+}
+
+/* Episode Grid Row Colouring */
+.episodeIgnored
+{
+    background-color: #F2F5A9;
+}
+    
+.episodeMissing
+{
+    background-color: #F5A9A9;
+}
+
+/* Telerik Grid */
 .t-grid td
 {
     line-height: 0.6em;

NzbDrone.Web/Content/NzbDrone.css

@@ -267,63 +267,4 @@ button span, input[type="button"] span, input[type="submit"] span, input[type="r
     background: rgb(40, 40, 40);
     color: rgb(169, 169, 169);
     padding: 4px;
-}
-
-/* Episode Grid Row Colouring */
-.episodeIgnored
-{
-    background-color: #F2F5A9;
-}
-    
-.episodeMissing
-{
-    background-color: #F5A9A9;
-}
-
-.seriesTable
-{
-    width: 100%;
-    border-width: 1px;
-    border-spacing: 2px;
-    border-style: none;
-    border-color: white;
-    border-collapse: collapse;
-}
-    
-.seriesTable th
-{
-    font-family: "Segoe UI Light" , "Open Sans" , "Segoe UI" , sans-serif;
-    border-width: 300;
-    font-size: 17px;
-    padding: 2px;
-    border-style: none;
-    border-color: #EEEEEE;
-    padding-left: 7px;
-    text-align: left;
-    background-color: white;
-    font-weight: lighter;
-}
-    
-.seriesTable td
-{
-    border-width: 1px;
-    padding: 0px 8px 0px 8px;
-    border-style: inset;
-    border-color: #EEEEEE;
-}
-    
-.detail-view
-{
-    display: none;
-}
-    
-/* Colour alternating rows */
-.seriesTable tr:nth-child(4n)
-{
-    background: #f0f5ff;
-}
-    
-.seriesTable tr:nth-child(4n+1)
-{
-    background: #f0f5ff;
 }

NzbDrone.Web/Scripts/NzbDrone/grid.js

@@ -6,8 +6,8 @@ $('.seriesTable a').live('click', function (event) {
     event.stopPropegation();
 });
 
-$('.seriesTable tr td:not(:last-child)').live('click', function () {
+$('.seriesTable .data-row td:not(:last-child)').live('click', function () {
-    $(this).parent('tr').next('.detail-view').toggle();
+    $(this).parent('tr').next('.detail-row').toggle();
 });
 
 function grid_onError(e) {

NzbDrone.Web/Views/Series/Details.cshtml

@@ -39,20 +39,6 @@
         border-style: none;
     }
     
-    .statusImage, .searchImage, .renameImage, .ignoreEpisode, .ignoreEpisodesMaster
-    {
-        width: 18px;
-        height: 18px;
-        padding: 3px 1px;
-        margin: 0px;
-        vertical-align: middle;
-    }
-    
-    .searchImage:hover, .renameImage:hover, .ignoreEpisode:hover, .ignoreEpisodesMaster:hover
-    {
-        background-color: #065EFE;
-    }
-    
     #banner-container
     {
         width: 758px;
@@ -63,58 +49,11 @@
         margin-left: auto;
         margin-right: auto;
     }
-    
+   
-    .seriesTable
-    {
-        width: 100%;
-        border-width: 1px;
-        border-spacing: 2px;
-        border-style: none;
-        border-color: white;
-        border-collapse: collapse;
-    }
-    
-    .seriesTable th
-    {
-        font-family: "Segoe UI Light" , "Open Sans" , "Segoe UI" , sans-serif;
-        border-width: 300;
-        font-size: 17px;
-        padding: 2px;
-        border-style: inset;
-        border-color: #EEEEEE;
-        padding-left: 7px;
-        text-align: left;
-        background-color: white;
-        font-weight: lighter;
-    }
-    
-    .seriesTable td
-    {
-        border-width: 1px;
-        padding: 0px 8px 0px 8px;
-        border-style: inset;
-        border-color: #EEEEEE;
-    }
-    
-    .detail-view
-    {
-        display: none;
-    }
-    
     .seasonSection
     {
         margin-top: 50px;
     }
-    
-    /* Colour alternating rows */
-    .seriesTable tr:nth-child(4n)
-    {
-        background: #f0f5ff;
-    }
-    .seriesTable tr:nth-child(4n+1)
-    {
-        background: #f0f5ff;
-    }
 </style>
 @section ActionMenu
 {
@@ -157,7 +96,6 @@
 }
 @section Scripts{
     @Html.IncludeScript("NzbDrone/seriesDetails.js")
-    @Html.IncludeScript("NzbDrone/grid.js")
     <script type="text/javascript">
         seriesId = @Model.SeriesId;
     </script>

NzbDrone.Web/Views/Series/Episode.cshtml

@@ -1,7 +1,7 @@
 @using NzbDrone.Web.Helpers
 @model NzbDrone.Web.Models.EpisodeModel
 
-<tr class="@Model.EpisodeId">
+<tr class="@Model.EpisodeId data-row">
     <td>@Model.EpisodeNumber</td>
     <td>@Model.Title</td>
     <td>@Model.AirDate</td>
@@ -29,7 +29,7 @@
         @Ajax.ImageActionLink("../../Content/Images/Rename.png", new { Alt = "Rename", Title = "Rename episode", @class = "renameImage" }, "Rename", "Episode", new { EpisodeFileId = Model.EpisodeFileId }, null, null)
     </td>
 </tr>
-<tr class="detail-view">
+<tr class="detail-row">
     <td colspan="5">
         @Model.Overview <br />
         <b>@Model.Path</b>

NzbDrone.Web/Views/Series/Index.cshtml

@@ -7,6 +7,7 @@
 @section HeaderContent
 {
     @Html.IncludeCss("Settings.css")
+    @Html.IncludeCss("Grid.css")
 }
 <style>  
     .ui-progressbar

NzbDrone.Web/Views/Series/Series.cshtml

@@ -1,7 +1,7 @@
 @using NzbDrone.Web.Helpers
 @model NzbDrone.Web.Models.SeriesModel
 
-<tr class="@Model.SeriesId">
+<tr class="@Model.SeriesId data-row">
     <td>@Html.ActionLink(Model.Title, "Details", "Series", new { seriesId = Model.SeriesId }, null)</td>
     <td>@Model.SeasonsCount</td>
     <td>@Model.QualityProfileName</td>
@@ -20,7 +20,7 @@
         <img src="../../Content/Images/Delete.png" class="deleteButton" value="@Model.SeriesId" rel="@Model.Title" />
     </td>
 </tr>
-<tr class="detail-view details_@(Model.SeriesId)">
+<tr class="detail-row details_@(Model.SeriesId)">
     <td colspan="7">
         <b>Airs Day of Week:</b> @Model.AirsDayOfWeek <br/>
         <b>Overview:</b> @Model.Overview