update guide

dashboard-ui/bower_components/emby-webcomponents/guide/guide.css

@@ -4,25 +4,6 @@
     align-items: initial;
 }
 
-    .tvguide ::-webkit-scrollbar {
-        width: 10px;
-        height: 10px;
-    }
-
-    .tvguide ::-webkit-scrollbar-button:start:decrement,
-    .tvguide ::-webkit-scrollbar-button:end:increment {
-        display: none;
-    }
-
-    .tvguide ::-webkit-scrollbar-track-piece {
-        background-color: #3b3b3b;
-    }
-
-    .tvguide ::-webkit-scrollbar-thumb:vertical, .tvguide ::-webkit-scrollbar-thumb:horizontal {
-        -webkit-border-radius: 2px;
-        background: #888 no-repeat center;
-    }
-
 .tvGuideHeader {
     white-space: nowrap;
     width: 100%;
@@ -128,38 +109,40 @@
     position: relative;
 }
 
-.currentTimeIndicator {
+.currentTimeIndicatorBar {
     position: absolute;
     bottom: .05em;
     left: 0;
     width: 100%;
     height: 2px;
     display: flex;
-    align-items: flex-end;
-    transition: all 500ms ease-out;
-}
-
-.layout-tv .currentTimeIndicator {
-    /* Need to account for the scrollbar not being there */
-    margin-left: 4px;
-}
-
-.currentTimeIndicatorBar {
+    margin-left: .65vh;
     background-color: #52B54B;
     height: 2px;
-    flex-grow: 1;
-    width: 100%;
-    margin-left: .65vh;
+    transform-origin: left;
+    transition: transform 500ms ease-out;
 }
 
-.currentTimeIndicator iron-icon {
+.currentTimeIndicatorArrowContainer {
+    position: absolute;
+    bottom: -1.35vh;
+    width: 100%;
+    color: #52B54B;
+    margin-left: .65vh;
+    transform-origin: left;
+    transition: transform 500ms ease-out;
+}
+
+.layout-tv .currentTimeIndicatorBar, .layout-tv .currentTimeIndicatorArrowContainer {
+    /* Need to account for the scrollbar not being there */
+    left: 4px;
+}
+
+.currentTimeIndicatorArrow {
     width: 4vh;
     height: 4vh;
     color: #52B54B;
-    flex-shrink: 0;
-    position: relative;
     margin-left: -2vh;
-    top: 1.45vh;
 }
 
 .channelPrograms, .timeslotHeadersInner {