Click row to see the details of that episode.

Alternate rows are coloured (along with the details)

NzbDrone.Web/Scripts/NzbDrone/seriesDetails.js

@@ -143,4 +143,9 @@ function saveEpisodeIgnore(episodeId, ignored) {
             alert("Sorry! We could save the ignore settings for Episode: " + episodeId + " at this time. " + error);
         }
     });
-}
+}
+
+/* Click on row, show details */
+$('.seriesTable tr').live('click', function() {
+    $(this).next('.detail-view').toggle();
+});

NzbDrone.Web/Views/Series/Details.cshtml

@@ -75,9 +75,9 @@
 	    padding: 2px;
 	    border-style: inset;
 	    border-color: #EEEEEE;
-	    background-color: white;
 	    padding-left: 7px;
         text-align: left;
+        background-color: white;
     }
     
     .seriesTable td {
@@ -87,6 +87,14 @@
 	    border-color: #EEEEEE;
         padding-left: 7px;
     }
+    
+    .detail-view {
+        display: none;
+    }
+    
+    /* Colour alternating rows */
+    .seriesTable tr:nth-child(4n) {background: #E5ECF9}
+    .seriesTable tr:nth-child(4n+1) {background: #E5ECF9}
 </style>
 @section ActionMenu{
     <ul class="sub-menu">

NzbDrone.Web/Views/Series/Episode.cshtml

@@ -28,4 +28,10 @@
         @Ajax.ImageActionLink("../../Content/Images/Search.png", new { Alt = "Search", Title = "Search for episode", @class = "searchImage" }, "Search", "Episode", new { EpisodeId = Model.EpisodeId }, null, null)
         @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">
+    <td colspan="5">
+        @Model.Overview <br />
+        <b>@Model.Path</b>
+    </td>
 </tr>