From c42723a1f23e6e4b8aae1151bd13ed79dcb5c5e1 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Sat, 16 Apr 2016 15:22:09 -0400
Subject: [PATCH] update quality pickers

---
 .../emby-webcomponents/actionsheet/actionsheet.css        | 8 ++++++--
 .../emby-webcomponents/actionsheet/actionsheet.js         | 4 ++--
 dashboard-ui/scripts/mediaplayer-video.js                 | 6 +++---
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css b/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css
index edc73d0618..762e76a745 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css
@@ -42,13 +42,17 @@
 }
 
 .actionSheetMenuItem {
-    padding: .8em 1.6em;
+    padding: 0 1.6em;
     margin: 0;
     text-transform: none;
     text-align: inherit;
     display: flex;
-    justify-content: center;
     font-weight: inherit;
+    align-items: center;
+}
+
+.actionSheetItemText {
+    padding: .8em 0;
 }
 
 .layout-tv .actionSheetMenuItem {
diff --git a/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.js b/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.js
index 3633bb78bf..c18a9abe83 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.js
@@ -160,7 +160,7 @@
             var option = options.items[i];
 
             var autoFocus = option.selected ? ' autoFocus' : '';
-            html += '<' + itemTagName + autoFocus + ' class="actionSheetMenuItem" data-id="' + option.id + '" style="display:block;">';
+            html += '<' + itemTagName + autoFocus + ' class="actionSheetMenuItem" data-id="' + option.id + '">';
 
             if (option.ironIcon) {
                 html += '<iron-icon class="actionSheetItemIcon" icon="' + option.ironIcon + '"></iron-icon>';
@@ -168,7 +168,7 @@
             else if (renderIcon && !center) {
                 html += '<iron-icon class="actionSheetItemIcon"></iron-icon>';
             }
-            html += '<span>' + option.name + '</span>';
+            html += '<div class="actionSheetItemText">' + option.name + '</div>';
             html += '</' + itemTagName + '>';
         }
 
diff --git a/dashboard-ui/scripts/mediaplayer-video.js b/dashboard-ui/scripts/mediaplayer-video.js
index ac08efbf9d..1a43e23594 100644
--- a/dashboard-ui/scripts/mediaplayer-video.js
+++ b/dashboard-ui/scripts/mediaplayer-video.js
@@ -115,7 +115,7 @@
                 };
 
                 if (stream.Index == currentIndex) {
-                    opt.ironIcon = "check";
+                    opt.selected = true;
                 }
 
                 return opt;
@@ -166,7 +166,7 @@
                     };
 
                     if (o.selected) {
-                        opt.ironIcon = "check";
+                        opt.selected = true;
                     }
 
                     return opt;
@@ -234,7 +234,7 @@
                 };
 
                 if (stream.Index == currentIndex) {
-                    opt.ironIcon = "check";
+                    opt.selected = true;
                 }
 
                 return opt;