From cbca3a20ae5b9d3cf53f17321fcb5009e1a278d6 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Wed, 24 Aug 2016 02:13:15 -0400
Subject: [PATCH] reduce rescanning due to IsOffline

---
 .../emby-webcomponents/.bower.json            |  8 +--
 .../emby-webcomponents/cardbuilder/card.css   | 15 ++---
 .../cardbuilder/cardbuilder.js                |  4 +-
 .../cardbuilder/peoplecardbuilder.js          |  2 +-
 .../itemidentifier/itemidentifier.js          |  2 +-
 .../emby-webcomponents/router.js              |  5 ++
 .../bower_components/polymer/.bower.json      |  6 +-
 dashboard-ui/components/apphost.js            | 58 +++++++++++++++++--
 dashboard-ui/css/site.css                     |  2 +-
 dashboard-ui/encodingsettings.html            |  3 +
 dashboard-ui/scripts/camerauploadsettings.js  | 11 +---
 dashboard-ui/scripts/connectlogin.js          | 10 ++--
 dashboard-ui/scripts/dashboardpage.js         |  2 +-
 dashboard-ui/scripts/encodingsettings.js      | 19 ++++++
 dashboard-ui/scripts/librarymenu.js           |  7 +--
 dashboard-ui/scripts/loginpage.js             |  2 +-
 dashboard-ui/scripts/medialibrarypage.js      |  2 +-
 dashboard-ui/scripts/mediaplayer-video.js     |  2 +-
 dashboard-ui/scripts/plugincatalogpage.js     |  2 +-
 dashboard-ui/scripts/pluginspage.js           |  2 +-
 dashboard-ui/scripts/site.js                  | 12 ----
 dashboard-ui/scripts/userprofilespage.js      |  4 +-
 dashboard-ui/strings/en-US.json               |  3 +-
 23 files changed, 115 insertions(+), 68 deletions(-)

diff --git a/dashboard-ui/bower_components/emby-webcomponents/.bower.json b/dashboard-ui/bower_components/emby-webcomponents/.bower.json
index c4a7d2d932..c19dd451fc 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.182",
-  "_release": "1.4.182",
+  "version": "1.4.183",
+  "_release": "1.4.183",
   "_resolution": {
     "type": "version",
-    "tag": "1.4.182",
-    "commit": "d4c701ce17ff5a243470cf9cae99babde51f7179"
+    "tag": "1.4.183",
+    "commit": "0548902d94131fb45ba17c421186014b0bed5e18"
   },
   "_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
   "_target": "^1.2.1",
diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
index 9407e53f0b..fc5bccd0fc 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
@@ -36,7 +36,7 @@
         justify-content: center;
     }
 
-    .vertical-wrap .card {
+    .vertical-wrap > .card {
         contain: layout style;
     }
 
@@ -135,19 +135,18 @@
     position: relative;
     background-clip: content-box !important;
     color: #fff;
+    /* This is only needed for scalable cards */
+    height: 100%;
 }
 
 @media all and (min-width: 600px) {
 
     .cardImageContainer {
+        /* Should be 0 with visualCardBox, but not really noticeable */
         border-radius: 2px;
     }
 }
 
-.visualCardBox .cardImageContainer {
-    border-radius: 0;
-}
-
 .chapterCardImageContainer {
     background-color: #000;
     border-radius: 0;
@@ -178,10 +177,6 @@
     display: block;
 }
 
-.scalableCard .cardImageContainer {
-    height: 100%;
-}
-
 .cardImage {
     position: absolute;
     top: 0;
@@ -206,7 +201,7 @@
     padding: .5em .3em;
 }
 
-.visualCardBox .cardScalable, .visualCardBox-cardFooter {
+.visualCardBox-cardScalable, .visualCardBox-cardFooter {
     background-color: #222326;
 }
 
diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js
index 775efbee76..4d954e4842 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js
@@ -1133,7 +1133,9 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
                     cardContentClose = '</button>';
                 }
                 cardImageContainerOpen = imgUrl ? ('<div class="' + cardImageContainerClass + ' lazy" data-src="' + imgUrl + '">') : ('<div class="' + cardImageContainerClass + '">');
-                cardImageContainerOpen = '<div class="' + cardBoxClass + '"><div class="cardScalable"><div class="cardPadder-' + options.shape + '"></div>' + cardContentOpen + cardImageContainerOpen;
+
+                var cardScalableClass = options.cardLayout ? 'cardScalable visualCardBox-cardScalable' : 'cardScalable';
+                cardImageContainerOpen = '<div class="' + cardBoxClass + '"><div class="' + cardScalableClass + '"><div class="cardPadder-' + options.shape + '"></div>' + cardContentOpen + cardImageContainerOpen;
                 cardBoxClose = '</div>';
                 cardScalableClose = '</div>';
                 cardImageContainerClose = '</div>';
diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/peoplecardbuilder.js b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/peoplecardbuilder.js
index b3b404d8ad..dd6d926c9f 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/peoplecardbuilder.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/peoplecardbuilder.js
@@ -86,7 +86,7 @@ define(['imageLoader', 'itemShortcuts', 'connectionManager', 'layoutManager'], f
         var html = '\
 <button type="button" data-isfolder="' + person.IsFolder + '" data-type="' + person.Type + '" data-action="link" data-id="' + person.Id + '" data-serverid="' + serverId + '" raised class="' + className + '"> \
 <div class="' + cardBoxCssClass + '">\
-<div class="cardScalable">\
+<div class="cardScalable visualCardBox-cardScalable">\
 <div class="cardPadder-portrait"></div>\
 <div class="cardContent">\
 ' + cardImageContainer + '\
diff --git a/dashboard-ui/bower_components/emby-webcomponents/itemidentifier/itemidentifier.js b/dashboard-ui/bower_components/emby-webcomponents/itemidentifier/itemidentifier.js
index 876a35f61d..8884374640 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/itemidentifier/itemidentifier.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/itemidentifier/itemidentifier.js
@@ -187,7 +187,7 @@
 
         html += '<button type="button" class="' + cssClass + '" data-index="' + index + '">';
         html += '<div class="cardBox visualCardBox">';
-        html += '<div class="cardScalable">';
+        html += '<div class="cardScalable visualCardBox-cardScalable">';
         html += '<div class="cardPadder-portrait"></div>';
 
         html += '<div class="cardContent searchImage">';
diff --git a/dashboard-ui/bower_components/emby-webcomponents/router.js b/dashboard-ui/bower_components/emby-webcomponents/router.js
index 3fac504c03..2fec8baa4b 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/router.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/router.js
@@ -372,6 +372,11 @@ define(['loading', 'viewManager', 'skinManager', 'pluginManager', 'backdrop', 'b
 
     function handleBackToDefault() {
 
+        if (!appHost.supports('exitmenu') && appHost.supports('exit')) {
+            appHost.exit();
+            return;
+        }
+
         isDummyBackToHome = true;
         skinManager.loadUserSkin();
 
diff --git a/dashboard-ui/bower_components/polymer/.bower.json b/dashboard-ui/bower_components/polymer/.bower.json
index 25eb84c037..a96f0f050e 100644
--- a/dashboard-ui/bower_components/polymer/.bower.json
+++ b/dashboard-ui/bower_components/polymer/.bower.json
@@ -32,14 +32,14 @@
     "iron-component-page": "polymerElements/iron-component-page#^1.1.6"
   },
   "private": true,
-  "homepage": "https://github.com/polymer/polymer",
+  "homepage": "https://github.com/Polymer/polymer",
   "_release": "1.6.1",
   "_resolution": {
     "type": "version",
     "tag": "v1.6.1",
     "commit": "1f197d9d7874b1e5808b2a5c26f34446a7d912fc"
   },
-  "_source": "git://github.com/polymer/polymer.git",
+  "_source": "git://github.com/Polymer/polymer.git",
   "_target": "^1.1.0",
-  "_originalSource": "polymer/polymer"
+  "_originalSource": "Polymer/polymer"
 }
\ No newline at end of file
diff --git a/dashboard-ui/components/apphost.js b/dashboard-ui/components/apphost.js
index 1aeb2a9a66..efa191fe7a 100644
--- a/dashboard-ui/components/apphost.js
+++ b/dashboard-ui/components/apphost.js
@@ -49,7 +49,17 @@ define(['appStorage', 'browser'], function (appStorage, browser) {
     function getDeviceName() {
         var deviceName;
 
-        if (browser.chrome) {
+        if (browser.tizen) {
+            deviceName = "Samsung Smart TV";
+        } else if (browser.web0S) {
+            deviceName = "LG Smart TV";
+        } else if (browser.operaTv) {
+            deviceName = "Opera TV";
+        } else if (browser.xboxOne) {
+            deviceName = "Xbox One";
+        } else if (browser.ps4) {
+            deviceName = "Sony PS4";
+        } else if (browser.chrome) {
             deviceName = "Chrome";
         } else if (browser.edge) {
             deviceName = "Edge";
@@ -77,6 +87,11 @@ define(['appStorage', 'browser'], function (appStorage, browser) {
     }
 
     function supportsVoiceInput() {
+
+        if (browser.tv) {
+            return false;
+        }
+
         return window.SpeechRecognition ||
                window.webkitSpeechRecognition ||
                window.mozSpeechRecognition ||
@@ -95,24 +110,57 @@ define(['appStorage', 'browser'], function (appStorage, browser) {
             alert('setWindowState is not supported and should not be called');
         },
         exit: function () {
-            alert('exit is not supported and should not be called');
+
+            if (browser.tizen) {
+                try {
+                    tizen.application.getCurrentApplication().exit();
+                } catch (err) {
+                    console.log('error closing application: ' + err);
+                }
+                return;
+            }
+
+            window.close();
         },
         supports: function (command) {
 
             var features = [
                 'filedownload',
-                'externalpremium',
-                'sharing'
+                'sharing',
+                'externalpremium'
             ];
 
-            features.push('externallinks');
+            if (browser.operaTv || browser.tizen || browser.web0s) {
+                features.push('exit');
+            } else {
+                features.push('exitmenu');
+            }
+
+            if (!browser.operaTv) {
+                features.push('externallinks');
+            }
 
             if (supportsVoiceInput()) {
                 features.push('voiceinput');
             }
 
+            var userAgent = navigator.userAgent.toLowerCase();
+
+            if (!browser.mobile || userAgent.indexOf('msapphost') != -1) {
+                features.push('htmlaudioautoplay');
+                features.push('htmlvideoautoplay');
+            }
+
             return features.indexOf(command.toLowerCase()) != -1;
         },
+        unlockedFeatures: function () {
+
+            var features = [];
+
+            features.push('playback');
+
+            return features;
+        },
         appInfo: function () {
 
             if (appInfo) {
diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index a3183130a6..aa55c7b5b0 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -620,7 +620,7 @@ progress {
 }
 
 
-.ui-body-a .visualCardBox .cardScalable, .ui-body-a .visualCardBox-cardFooter {
+.ui-body-a .visualCardBox-cardScalable, .ui-body-a .visualCardBox-cardFooter {
     background-color: #fff;
 }
 
diff --git a/dashboard-ui/encodingsettings.html b/dashboard-ui/encodingsettings.html
index 08e308d3f2..e334fda4ec 100644
--- a/dashboard-ui/encodingsettings.html
+++ b/dashboard-ui/encodingsettings.html
@@ -15,6 +15,9 @@
                     </select>
                     <div class="fieldDescription">${LabelHardwareAccelerationTypeHelp}</div>
                 </div>
+                <div class="inputContainer hide fldVaapiDevice">
+                    <input is="emby-input" type="text" id="txtVaapiDevice" label="${LabelVaapiDevice}" />
+                </div>
                 <div class="selectContainer">
                     <select is="emby-select" id="selectThreadCount" label="${LabelTranscodingThreadCount}">
                         <option value="-1">${OptionAuto}</option>
diff --git a/dashboard-ui/scripts/camerauploadsettings.js b/dashboard-ui/scripts/camerauploadsettings.js
index de9e3974ff..896fd449bb 100644
--- a/dashboard-ui/scripts/camerauploadsettings.js
+++ b/dashboard-ui/scripts/camerauploadsettings.js
@@ -30,15 +30,6 @@
         appSettings.cameraUploadServers(cameraUploadServers);
 
         Dashboard.hideLoadingMsg();
-        require(['toast'], function (toast) {
-            toast(Globalize.translate('SettingsSaved'));
-        });
-
-        if (cameraUploadServers.length) {
-            if (window.MainActivity) {
-                MainActivity.authorizeStorage();
-            }
-        }
     }
 
     return function (view, params) {
@@ -59,7 +50,7 @@
 
             Dashboard.showLoadingMsg();
 
-            var userId = getParameterByName('userId') || Dashboard.getCurrentUserId();
+            var userId = params.userId || Dashboard.getCurrentUserId();
 
             ApiClient.getUser(userId).then(function (user) {
 
diff --git a/dashboard-ui/scripts/connectlogin.js b/dashboard-ui/scripts/connectlogin.js
index 0969b8eb7b..d1d522c772 100644
--- a/dashboard-ui/scripts/connectlogin.js
+++ b/dashboard-ui/scripts/connectlogin.js
@@ -90,9 +90,9 @@
         });
     }
 
-    function loadPage(page) {
+    function loadPage(page, params) {
 
-        var mode = getParameterByName('mode') || 'auto';
+        var mode = params.mode || 'auto';
 
         if (mode == 'auto') {
 
@@ -295,11 +295,11 @@
         });
 
         view.querySelector('.btnCancelSignup').addEventListener('click', function () {
-            history.back();
+            Emby.Page.back();
         });
 
         view.querySelector('.btnCancelManualServer').addEventListener('click', function () {
-            history.back();
+            Emby.Page.back();
         });
 
         view.querySelector('.btnWelcomeNext').addEventListener('click', function () {
@@ -336,7 +336,7 @@
         });
 
         view.addEventListener('viewshow', function () {
-            loadPage(view);
+            loadPage(view, params);
         });
     };
 });
\ No newline at end of file
diff --git a/dashboard-ui/scripts/dashboardpage.js b/dashboard-ui/scripts/dashboardpage.js
index db749c51ea..2524c39683 100644
--- a/dashboard-ui/scripts/dashboardpage.js
+++ b/dashboard-ui/scripts/dashboardpage.js
@@ -318,7 +318,7 @@
                 html += '<div class="' + className + '" id="' + rowId + '">';
 
                 html += '<div class="cardBox visualCardBox">';
-                html += '<div class="cardScalable">';
+                html += '<div class="cardScalable visualCardBox-cardScalable">';
 
                 html += '<div class="cardPadder cardPadder-backdrop"></div>';
                 html += '<div class="cardContent">';
diff --git a/dashboard-ui/scripts/encodingsettings.js b/dashboard-ui/scripts/encodingsettings.js
index 646ac18b13..7495110f7e 100644
--- a/dashboard-ui/scripts/encodingsettings.js
+++ b/dashboard-ui/scripts/encodingsettings.js
@@ -9,12 +9,17 @@
         $('#txtDownMixAudioBoost', page).val(config.DownMixAudioBoost);
         page.querySelector('.txtEncoderPath').value = config.EncoderAppPath || '';
         $('#txtTranscodingTempPath', page).val(config.TranscodingTempPath || '');
+        $('#txtVaapiDevice', page).val(config.VaapiDevice || '');
 
         var selectEncoderPath = page.querySelector('#selectEncoderPath');
 
         selectEncoderPath.value = systemInfo.EncoderLocationType;
         onSelectEncoderPathChange.call(selectEncoderPath);
 
+        page.querySelector('#selectVideoDecoder').dispatchEvent(new CustomEvent('change', {
+            bubbles: true
+        }));
+
         Dashboard.hideLoadingMsg();
     }
 
@@ -64,6 +69,7 @@
                 config.TranscodingTempPath = $('#txtTranscodingTempPath', form).val();
                 config.EncodingThreadCount = $('#selectThreadCount', form).val();
                 config.HardwareAccelerationType = $('#selectVideoDecoder', form).val();
+                config.VaapiDevice = $('#txtVaapiDevice', form).val();
 
                 config.EnableThrottling = form.querySelector('#chkEnableThrottle').checked;
 
@@ -129,6 +135,19 @@
 
         var page = this;
 
+        page.querySelector('#selectVideoDecoder').addEventListener('change', function () {
+
+            if (this.value == 'vaapi') {
+
+                page.querySelector('.fldVaapiDevice').classList.remove('hide');
+                page.querySelector('#txtVaapiDevice').setAttribute('required', 'required');
+
+            } else {
+                page.querySelector('.fldVaapiDevice').classList.add('hide');
+                page.querySelector('#txtVaapiDevice').removeAttribute('required');
+            }
+        });
+
         $('#btnSelectEncoderPath', page).on("click.selectDirectory", function () {
 
             require(['directorybrowser'], function (directoryBrowser) {
diff --git a/dashboard-ui/scripts/librarymenu.js b/dashboard-ui/scripts/librarymenu.js
index 7e310528cb..e676e67938 100644
--- a/dashboard-ui/scripts/librarymenu.js
+++ b/dashboard-ui/scripts/librarymenu.js
@@ -57,12 +57,7 @@
 
     function onBackClick() {
 
-        if (Dashboard.exitOnBack()) {
-            Dashboard.exit();
-        }
-        else {
-            history.back();
-        }
+        Emby.Page.back();
     }
 
     function updateUserInHeader(user) {
diff --git a/dashboard-ui/scripts/loginpage.js b/dashboard-ui/scripts/loginpage.js
index 22a6bd2957..9c079308ea 100644
--- a/dashboard-ui/scripts/loginpage.js
+++ b/dashboard-ui/scripts/loginpage.js
@@ -133,7 +133,7 @@
 
             html += '<div class="card squareCard scalableCard"><div class="cardBox cardBox-bottompadded visualCardBox">';
 
-            html += '<div class="cardScalable">';
+            html += '<div class="cardScalable visualCardBox-cardScalable">';
 
             html += '<div class="cardPadder cardPadder-square"></div>';
             html += '<a class="cardContent" href="#" data-ajax="false" data-haspw="' + user.HasPassword + '" data-username="' + user.Name + '" data-userid="' + user.Id + '">';
diff --git a/dashboard-ui/scripts/medialibrarypage.js b/dashboard-ui/scripts/medialibrarypage.js
index dd02c472f2..589d655b34 100644
--- a/dashboard-ui/scripts/medialibrarypage.js
+++ b/dashboard-ui/scripts/medialibrarypage.js
@@ -300,7 +300,7 @@
         html += '<div class="card backdropCard scalableCard" style="' + style + '" data-index="' + index + '">';
 
         html += '<div class="cardBox visualCardBox">';
-        html += '<div class="cardScalable">';
+        html += '<div class="cardScalable visualCardBox-cardScalable">';
 
         html += '<div class="cardPadder cardPadder-backdrop"></div>';
 
diff --git a/dashboard-ui/scripts/mediaplayer-video.js b/dashboard-ui/scripts/mediaplayer-video.js
index 069d551ce4..a1fe0fc913 100644
--- a/dashboard-ui/scripts/mediaplayer-video.js
+++ b/dashboard-ui/scripts/mediaplayer-video.js
@@ -499,7 +499,7 @@
                     var width = 240;
                     var chapterHtml = '<a class="card backdropCard chapterCard" href="#" style="margin-right:1em;width:' + width + 'px;" data-position="' + c.StartPositionTicks + '">';
                     chapterHtml += '<div class="cardBox">';
-                    chapterHtml += '<div class="cardScalable">';
+                    chapterHtml += '<div class="cardScalable visualCardBox-cardScalable">';
                     chapterHtml += '<div class="cardPadder cardPadder-backdrop"></div>';
 
                     chapterHtml += '<div class="cardContent">';
diff --git a/dashboard-ui/scripts/plugincatalogpage.js b/dashboard-ui/scripts/plugincatalogpage.js
index 35aa237380..9292bcc433 100644
--- a/dashboard-ui/scripts/plugincatalogpage.js
+++ b/dashboard-ui/scripts/plugincatalogpage.js
@@ -191,7 +191,7 @@
         html += "<div class='card backdropCard scalableCard'>";
 
         html += '<div class="cardBox cardBox-bottompadded visualCardBox">';
-        html += '<div class="cardScalable">';
+        html += '<div class="cardScalable visualCardBox-cardScalable">';
 
         html += '<div class="cardPadder cardPadder-backdrop"></div>';
 
diff --git a/dashboard-ui/scripts/pluginspage.js b/dashboard-ui/scripts/pluginspage.js
index 0827a317f5..006b032274 100644
--- a/dashboard-ui/scripts/pluginspage.js
+++ b/dashboard-ui/scripts/pluginspage.js
@@ -46,7 +46,7 @@
         html += "<div data-id='" + plugin.Id + "' data-name='" + plugin.Name + "' class='card backdropCard scalableCard'>";
 
         html += '<div class="cardBox cardBox-bottompadded visualCardBox">';
-        html += '<div class="cardScalable">';
+        html += '<div class="cardScalable visualCardBox-cardScalable">';
 
         html += '<div class="cardPadder cardPadder-backdrop"></div>';
 
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 40e589270e..9ea3b83906 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -716,16 +716,6 @@ var Dashboard = {
         });
     },
 
-    exitOnBack: function () {
-
-        var currentView = ViewManager.currentView();
-        return !currentView || currentView.id == 'indexPage';
-    },
-
-    exit: function () {
-        Dashboard.logout();
-    },
-
     getDeviceProfile: function (maxHeight) {
 
         return new Promise(function (resolve, reject) {
@@ -2709,8 +2699,6 @@ var AppInfo = {};
         if (Dashboard.isRunningInCordova()) {
             deps.push('registrationservices');
 
-            deps.push('cordova/back');
-
             if (browserInfo.android) {
                 deps.push('cordova/android/androidcredentials');
             }
diff --git a/dashboard-ui/scripts/userprofilespage.js b/dashboard-ui/scripts/userprofilespage.js
index ab25fb8658..9cf241417a 100644
--- a/dashboard-ui/scripts/userprofilespage.js
+++ b/dashboard-ui/scripts/userprofilespage.js
@@ -94,7 +94,7 @@
         html += "<div data-userid='" + user.Id + "' class='" + cssClass + "'>";
 
         html += '<div class="cardBox visualCardBox">';
-        html += '<div class="cardScalable">';
+        html += '<div class="cardScalable visualCardBox-cardScalable">';
 
         html += '<div class="cardPadder cardPadder-square"></div>';
 
@@ -235,7 +235,7 @@
         html += "<div data-id='" + user.Id + "' class='" + cssClass + "'>";
 
         html += '<div class="cardBox cardBox-bottompadded visualCardBox">';
-        html += '<div class="cardScalable">';
+        html += '<div class="cardScalable visualCardBox-cardScalable">';
 
         html += '<div class="cardPadder cardPadder-square"></div>';
 
diff --git a/dashboard-ui/strings/en-US.json b/dashboard-ui/strings/en-US.json
index 2d2f7ede39..0477fe1e74 100644
--- a/dashboard-ui/strings/en-US.json
+++ b/dashboard-ui/strings/en-US.json
@@ -2322,5 +2322,6 @@
   "RememberMe": "Remember me",
   "HeaderOfflineSync": "Offline Sync",
   "LabelMaxAudioFileBitrate": "Max audio file bitrate:",
-  "LabelMaxAudioFileBitrateHelp": "Audio files with a higher bitrate will be converted by Emby Server. Select a higher value for better quality, or a lower value to conserve local storage space."
+  "LabelMaxAudioFileBitrateHelp": "Audio files with a higher bitrate will be converted by Emby Server. Select a higher value for better quality, or a lower value to conserve local storage space.",
+  "LabelVaapiDevice": "VA API Device:"
 }