Prettier series grid.

NzbDrone.Web/NzbDrone.Web.csproj

@@ -142,13 +142,15 @@
     <Content Include="Content\2011.3.1115\telerik.sitefinity.min.css" />
     <Content Include="Content\Images\background.jpg" />
     <Content Include="Content\Images\blue.png" />
-    <Content Include="Content\Images\Delete.png" />
     <Content Include="Content\Images\Gear.png" />
     <Content Include="Content\Images\green.png" />
     <Content Include="Content\Images\header.jpg" />
     <Content Include="Content\Images\Indexers\Newznab.png" />
     <Content Include="Content\Images\Indexers\Nzbs.org.png" />
+    <Content Include="Content\Images\pause.png" />
+    <Content Include="Content\Images\play.png" />
     <Content Include="Content\Images\red.png" />
+    <Content Include="Content\Images\stop.png" />
     <Content Include="Content\Images\yellow.png" />
     <Content Include="Content\IndexerSettings.css" />
     <Content Include="Content\jQueryUI\images\ui-bg_diagonals-thick_30_a32d00_40x40.png" />

NzbDrone.Web/Views/Series/Index.cshtml

@@ -81,19 +81,19 @@
 
 <table class="seriesTable">
     <colgroup>
-        <col/>
-        <col style="width:100px" />
-        <col style="width:100px" />
+       <col style="width: 10px"/>
+        <col style="width:auto" />
         <col style="width:100px" />
         <col style="width:100px" />
         <col style="width:140px" />
-        <col style="width:70px" />
+        <col style="width:100px" />
+        <col style="width:80px"/>
     </colgroup>
     <tr>
+        <th>Status</>
         <th>Title</th>
         <th>Seasons</th>
         <th>Quality</th>
-        <th>Status</th>
         <th>Next Airing</th>
         <th>Episodes</th>
         

NzbDrone.Web/Views/Series/Series.cshtml

@@ -2,10 +2,28 @@
 @model NzbDrone.Web.Models.SeriesModel
 
 <tr class="@Model.SeriesId data-row @(ViewData["AltRow"] == null || !(bool)ViewData["AltRow"] ? "" : " alt-row")">
+     <td>
+        @{if (!Model.Monitored)
+            {
+                <img src="../../Content/Images/pause.png" width="24" height="24" alt="Not monitored" />
+            }
+            else
+            {
+                if (Model.Status == "Ended")
+                {
+                    <img src="../../Content/Images/stop.png" width="24" height="24" alt="Ended" />
+                }
+                else
+                {
+                <img src="../../Content/Images/play.png" width="24" height="24" alt="Continuing" />
+                }
+            }
+        }
+    </td>
     <td>@Html.ActionLink(Model.Title, "Details", "Series", new { seriesId = Model.SeriesId }, null)</td>
     <td>@Model.SeasonsCount</td>
     <td>@Model.QualityProfileName</td>
-    <td>@Model.Status</td>
+
     <td>@Model.NextAiring</td>
     <td>
         @{ double progress = (double)Model.EpisodeFileCount / (double)Model.EpisodeCount * 100; }
@@ -16,8 +34,8 @@
     
     @*Commands Column*@
     <td class="commandsColumn">
-        <img src="../../Content/Images/Rename.png" class="editButton" value="@Model.SeriesId" rel="@Model.Title" />
-        <img src="../../Content/Images/Delete.png" class="deleteButton" value="@Model.SeriesId" rel="@Model.Title" />
+        <img src="../../Content/Images/settings.png" class="editButton" value="@Model.SeriesId" rel="@Model.Title" />
+        <img src="../../Content/Images/close.png" class="deleteButton" value="@Model.SeriesId" rel="@Model.Title" />
     </td>
 </tr>
 <tr class="detail-row details_@(Model.SeriesId) @(ViewData["AltRow"] == null || !(bool)ViewData["AltRow"] ? "" : " alt-row")">