From 94f609da91a0f26a1bb0ab4cb052bcb2a0acf187 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Thu, 29 Dec 2016 14:56:19 -0500
Subject: [PATCH] update components

---
 .../emby-webcomponents/.bower.json            |  8 +++---
 .../emby-webcomponents/guide/guide.css        | 26 ++++++++-----------
 .../emby-webcomponents/guide/guide.js         |  2 +-
 3 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/dashboard-ui/bower_components/emby-webcomponents/.bower.json b/dashboard-ui/bower_components/emby-webcomponents/.bower.json
index 162327891e..26c6aebb29 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/.bower.json
+++ b/dashboard-ui/bower_components/emby-webcomponents/.bower.json
@@ -14,12 +14,12 @@
   },
   "devDependencies": {},
   "ignore": [],
-  "version": "1.4.407",
-  "_release": "1.4.407",
+  "version": "1.4.408",
+  "_release": "1.4.408",
   "_resolution": {
     "type": "version",
-    "tag": "1.4.407",
-    "commit": "12e9ff329e1589da29b56316810c2984eaf681ce"
+    "tag": "1.4.408",
+    "commit": "d522bced383a879f2d9f9fdf6344ed8e739d93e0"
   },
   "_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
   "_target": "^1.2.1",
diff --git a/dashboard-ui/bower_components/emby-webcomponents/guide/guide.css b/dashboard-ui/bower_components/emby-webcomponents/guide/guide.css
index 108519e265..d5232cd524 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/guide/guide.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/guide/guide.css
@@ -79,7 +79,7 @@
     width: 100%;
     height: 2px;
     display: flex;
-    margin-left: .65vh;
+    margin-left: .25em;
     background-color: #52B54B;
     height: 2px;
     transform-origin: left;
@@ -88,10 +88,10 @@
 
 .currentTimeIndicatorArrowContainer {
     position: absolute;
-    bottom: -1vh;
+    bottom: -.4em;
     width: 100%;
     color: #52B54B;
-    margin-left: .65vh;
+    margin-left: .25em;
     transform-origin: left;
     transition: transform 500ms ease-out;
 }
@@ -102,11 +102,11 @@
 }
 
 .currentTimeIndicatorArrow {
-    width: 3vh;
-    height: 3vh;
-    font-size: 3vh;
+    width: 1em;
+    height: 1em;
+    font-size: 1.2em;
     color: #52B54B;
-    margin-left: -1.5vh;
+    margin-left: -.52em;
 }
 
 .channelPrograms, .timeslotHeadersInner {
@@ -196,7 +196,7 @@
 }
 
 .channelHeaderCell {
-    border-bottom: .65vh solid #121212 !important;
+    border-bottom: .25em solid #121212 !important;
     background-size: auto 70%;
     background-position: 92% center;
     background-repeat: no-repeat;
@@ -255,8 +255,8 @@
     position: absolute;
     top: 0;
     /* Unfortunately the borders using vh get rounded while the bottom property doesn't. So this is a little hack to try and make them even*/
-    bottom: .59vh;
-    border-left: .65vh solid #121212 !important;
+    bottom: .236em;
+    border-left: .25em solid #121212 !important;
     background-color: rgba(32, 32, 32, .95);
     display: flex;
     text-decoration: none;
@@ -364,14 +364,10 @@
 .channelsContainer {
     display: flex;
     flex-shrink: 0;
-}
-
-.channelList {
-    display: flex;
     flex-direction: column;
 }
 
-.channelList, .programGrid {
+.channelsContainer, .programGrid {
     contain: layout style;
 }
 
diff --git a/dashboard-ui/bower_components/emby-webcomponents/guide/guide.js b/dashboard-ui/bower_components/emby-webcomponents/guide/guide.js
index 4461279b0a..d0cf9f9b25 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/guide/guide.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/guide/guide.js
@@ -623,7 +623,7 @@
                 html += '</button>';
             }
 
-            var channelList = context.querySelector('.channelList');
+            var channelList = context.querySelector('.channelsContainer');
             channelList.innerHTML = html;
             imageLoader.lazyChildren(channelList);
         }