progress on channels api

dashboard-ui/css/icons.css

@@ -1,12 +1,4 @@
-.ui-icon-remote:after {
-    background-image: url("images/icons/remote.png");
-}
-/* Fallback */
-.ui-nosvg .ui-icon-remote:after {
-    background-image: url("images/icons/remote.png");
-}
-
-.ui-icon-play:after {
+.ui-icon-play:after {
     background-image: url("images/icons/play.png");
 }
 /* Fallback */
@@ -93,13 +85,6 @@
 .ui-nosvg .ui-icon-subtitles:after {
     background-image: url("images/icons/subtitles.png");
 }
-.ui-icon-tv:after {
-    background-image: url("images/icons/tv.png");
-}
-/* Fallback */
-.ui-nosvg .ui-icon-tv:after {
-    background-image: url("images/icons/tv.png");
-}
 .ui-icon-wireless:after {
     background-image: url("images/icons/wireless.png");
 }

dashboard-ui/css/librarybrowser.css

@@ -1106,6 +1106,27 @@ a.itemTag:hover {
     text-overflow: ellipsis;
 }
 
+.selectionCommands {
+    margin: 1em 0;
+}
+
+.itemSelectionPanel {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 55px;
+    background-color: rgba(0, 0, 0, .85);
+    z-index: 1000;
+    text-align: center;
+    padding: 1em;
+}
+
+.selectionCommandsControlGroup {
+    display: inline-block;
+    margin-left: .5em;
+}
+
 @media all and (min-height: 500px) {
 
     .alphabetPicker {

dashboard-ui/css/posteritem.css

@@ -304,6 +304,14 @@
 
 @media all and (min-width: 1440px) {
 
+    .squarePosterItem {
+        width: 180px;
+    }
+
+        .squarePosterItem .posterItemImage {
+            height: 180px;
+        }
+
     .backdropPosterItem {
         width: 298px;
     }