some minor styling updates to season gird.

NzbDrone.Web/Models/SeasonModel.cs

@@ -1,9 +1,4 @@
-using System;
+using System.Collections.Generic;
-using System.Collections.Generic;
-using System.ComponentModel;
-using System.Web;
-using NzbDrone.Core.Model;
-using NzbDrone.Core.Repository;
 
 namespace NzbDrone.Web.Models
 {

NzbDrone.Web/Views/Series/Details.cshtml

@@ -7,7 +7,7 @@
     @Html.IncludeCss("Grid.css")
 }
 @{ ViewBag.Title = Model.Title; }
-<style>  
+<style>
     .seasonToggleTopGroup
     {
         overflow: hidden;
@@ -63,41 +63,60 @@
         margin-right: auto;
     }
     
-    .seriesTable {
+    .seriesTable
+    {
         width: 100%;
-	    border-width: 1px;
+        border-width: 1px;
-	    border-spacing: 2px;
+        border-spacing: 2px;
-	    border-style: none;
+        border-style: none;
-	    border-color: white;
+        border-color: white;
-	    border-collapse: collapse;
+        border-collapse: collapse;
     }
     
-    .seriesTable th {
+    .seriesTable th
-	    border-width: 1px;
+    {
-	    padding: 2px;
+        font-family: "Segoe UI Light" , "Open Sans" , "Segoe UI" , sans-serif;
-	    border-style: inset;
+        border-width: 300;
-	    border-color: #EEEEEE;
+        font-size: 17px;
-	    padding-left: 7px;
+        padding: 2px;
+        border-style: inset;
+        border-color: #EEEEEE;
+        padding-left: 7px;
         text-align: left;
         background-color: white;
+        font-weight: lighter;
     }
     
-    .seriesTable td {
+    .seriesTable td
-	    border-width: 1px;
+    {
-	    padding: 0px 0.6em 0 7px;
+        border-width: 1px;
-	    border-style: inset;
+        padding: 0px 0.6em 0 7px;
-	    border-color: #EEEEEE;
+        border-style: inset;
+        border-color: #EEEEEE;
     }
     
-    .detail-view {
+    .detail-view
+    {
         display: none;
     }
     
+    .seasonSection
+    {
+        margin-top: 50px;
+    }
+    
     /* Colour alternating rows */
-    .seriesTable tr:nth-child(4n) {background: #E5ECF9}
+    .seriesTable tr:nth-child(4n)
-    .seriesTable tr:nth-child(4n+1) {background: #E5ECF9}
+    {
+        background: #f0f5ff;
+    }
+    .seriesTable tr:nth-child(4n+1)
+    {
+        background: #f0f5ff;
+    }
 </style>
-@section ActionMenu{
+@section ActionMenu
+{
     <ul class="sub-menu">
         <li>@Ajax.ActionLink("Scan Disk", "ScanDisk", "Command", new { seriesId = Model.SeriesId }, null)</li>
         <li>@Ajax.ActionLink("Update Info", "UpdateInfo", "Command", new { seriesId = Model.SeriesId }, null)</li>
@@ -124,14 +143,18 @@
             <img src='../../Content/Images/@(season.AnyWanted ? "notIgnored" : "ignored").png'
                  class='ignoredEpisodesMaster ignoreEpisode @ignoreSeason @(season.AnyWanted ? "" : "ignored")'
                  title='Click to toggle season ignore status' />
-            <span class="seasonToggleLabel">@(season.SeasonNumber == 0 ? "Specials" : "Season " + season.SeasonNumber)</span>
+            <a href="@string.Format("#SeasonSection_{0}", season.SeasonNumber)" class="seasonToggleLabel">@(season.SeasonNumber == 0 ? "Specials" : "Season " + season.SeasonNumber)</a>
         </div>
     }
 </div>
 @foreach (var s in Model.Seasons.OrderByDescending(a => a.SeasonNumber))
 {
-    var season = s;
+    <div class="seasonSection" id="@string.Format("SeasonSection_{0}", s.SeasonNumber)">
-    Html.RenderPartial("Season", season);
+        @{
+            var season = s;
+            Html.RenderPartial("Season", season);
+        }
+    </div>
 }
 @section Scripts{
     @Html.IncludeScript("NzbDrone/seriesDetails.js")

NzbDrone.Web/Views/Series/Season.cshtml

@@ -1,20 +1,20 @@
 @using NzbDrone.Web.Helpers
 @model NzbDrone.Web.Models.SeasonModel
 
-<h2>
+<h1>
     @(Model.SeasonNumber == 0 ? "Specials" : "Season " + Model.SeasonNumber)
-</h2>
+</h1>
 
 <table class="seriesTable">
     <colgroup>
-        <col style="width:80px" />
+        <col style="width:40px"/>
-        <col>
+        <col/>
         <col style="width:100px" />
         <col style="width:100px" />
         <col style="width:110px" />
     </colgroup>
     <tr>
-        <th>Episode #</th>
+        <th>#</th>
         <th>Title</th>
         <th>Air Date</th>
         <th>Quality</th>
@@ -27,7 +27,6 @@
             @Ajax.ImageActionLink("../../Content/Images/Rename.png", new { Alt = "Rename", Title = "Rename all episodes in this season", @class = "renameImage renameImageMaster" }, "RenameSeason", "Episode", new { SeriesId = Model.SeriesId, SeasonNumber = Model.SeasonNumber }, null, null)
         </th>
     </tr>
-
     @foreach (var episode in Model.Episodes)
     {
         Html.RenderPartial("Episode", episode);