hook up roku session controller + web client layout fixes

dashboard-ui/css/librarybrowser.css

@@ -128,6 +128,7 @@
 
     .libraryViewNav .ui-btn-active {
         border: 0;
+        background-color: #38c;
     }
 
     .libraryViewNav a {
@@ -499,8 +500,8 @@ a.itemTag:hover {
     padding: .5em .75em;
     font-size: 16px;
     font-weight: normal;
-    border: 1px solid #000;
-    background: #111;
+    border: 1px solid #1b1b1b;
+    background: #1d1d1d;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;

dashboard-ui/css/posteritem.css

@@ -62,8 +62,8 @@
     overflow: hidden;
     text-wrap: none;
     white-space: nowrap;
-    padding: 5px 6px 4px;
-    background-color: #111;
+    padding: 5px 5px 4px;
+    background-color: #222;
     text-shadow: none;
 }
 
@@ -153,16 +153,16 @@
         height: 94.5px;
     }
 
-.portraitPosterItem {
-    width: 100px;
-}
-
-    .portraitPosterItem .posterItemImage {
-        height: 150px;
+    .portraitPosterItem {
+        width: 102px;
     }
 
+        .portraitPosterItem .posterItemImage {
+            height: 153px;
+        }
+
 .posterItemProgress .itemProgressBar {
-    height: 11px;
+    height: 10px;
     width: 100%;
     opacity: .8;
 }
@@ -226,11 +226,11 @@
 @media all and (min-width: 750px) {
 
     .portraitPosterItem {
-        width: 100px;
+        width: 108px;
     }
 
         .portraitPosterItem .posterItemImage {
-            height: 150px;
+            height: 162px;
         }
 }
 
@@ -245,11 +245,11 @@
         }
 
     .portraitPosterItem {
-        width: 108px;
+        width: 134px;
     }
 
         .portraitPosterItem .posterItemImage {
-            height: 162px;
+            height: 201px;
         }
 
     .smallBackdropPosterItem {

dashboard-ui/css/search.css

@@ -94,6 +94,7 @@
     text-overflow: ellipsis;
     overflow: hidden;
     font-size: 14px;
+    color: #000;
 }
 
 .searchHintSecondaryText {