update channel styles

dashboard-ui/css/card.css

@@ -58,14 +58,6 @@ iron-list .card {
     border-radius: 3px;
 }
 
-.defaultBackground .cardImage {
-    background-color: #303030;
-}
-
-.homeTopViews .defaultBackground .cardImage {
-    background-color: #181818;
-}
-
 .cardOverlayButtonContainer {
     position: absolute;
     bottom: 0;
@@ -109,10 +101,13 @@ iron-list .card {
 }
 
 .ui-body-b .visualCardBox {
-    background: rgba(56,56,56,.85);
     border-radius: 3px;
 }
 
+.defaultBackground .cardImage, .ui-body-b .visualCardBox {
+    background-color: #262626;
+}
+
 .cardScalable {
     position: relative;
 }

dashboard-ui/livetv.html

@@ -63,7 +63,7 @@
                 <div class="listTopPaging">
                 </div>
             </div>
-            <div id="items" class="itemsContainer" style="max-width: 800px; margin: 0 auto;"></div>
+            <div id="items" class="itemsContainer"></div>
         </div>
         <div class="pageTabContent recordingsTabContent hide" data-index="3">
             <div id="activeRecordings" class="homePageSection hide">

dashboard-ui/scripts/librarybrowser.js

@@ -2412,6 +2412,15 @@
                     lines.push(item.ProductionYear || '');
                 }
 
+                 if (item.Type == 'TvChannel') {
+
+                    if (item.CurrentProgram) {
+                        lines.push(LibraryBrowser.getPosterViewDisplayName(item.CurrentProgram));
+                    } else {
+                        lines.push('');
+                    }
+                }
+
                 if (options.showSeriesYear) {
 
                     if (item.Status == "Continuing") {

dashboard-ui/scripts/livetvchannels.js

@@ -35,9 +35,13 @@
 
     function getChannelsHtml(channels) {
 
-        return LibraryBrowser.getListViewHtml({
+        return LibraryBrowser.getPosterViewHtml({
             items: channels,
-            smallIcon: true
+            shape: "square",
+            showTitle: true,
+            lazy: true,
+            cardLayout: true,
+            showDetailsMenu: true
         });
     }