diff --git a/dashboard-ui/bower_components/emby-webcomponents/.bower.json b/dashboard-ui/bower_components/emby-webcomponents/.bower.json
index 09e4dfa940..88f8cbb9d9 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.329",
-  "_release": "1.4.329",
+  "version": "1.4.330",
+  "_release": "1.4.330",
   "_resolution": {
     "type": "version",
-    "tag": "1.4.329",
-    "commit": "ccda7e5d3b991feaec966c4ec9433cda4d93a9e7"
+    "tag": "1.4.330",
+    "commit": "14b8b8dd7303142a641995e0cd31a0972786399f"
   },
   "_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
   "_target": "^1.2.1",
diff --git a/dashboard-ui/bower_components/emby-webcomponents/browserdeviceprofile.js b/dashboard-ui/bower_components/emby-webcomponents/browserdeviceprofile.js
index 6f3c136e88..6e368cbd75 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/browserdeviceprofile.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/browserdeviceprofile.js
@@ -170,7 +170,7 @@ define(['browser'], function (browser) {
                 supported = browser.tizen;
                 break;
             case 'mov':
-                supported = browser.chrome || browser.edgeUwp;
+                supported = browser.tizen || browser.chrome || browser.edgeUwp;
                 videoCodecs.push('h264');
                 break;
             case 'm2ts':
@@ -329,7 +329,11 @@ define(['browser'], function (browser) {
                 AudioCodec: videoAudioCodecs.join(',')
             });
         }
-
+        
+        if (browser.tizen) {
+            mp4VideoCodecs.push('mpeg2video')
+        }
+        
         if (canPlayMkv && mp4VideoCodecs.length) {
             profile.DirectPlayProfiles.push({
                 Container: 'mkv',
diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
index c199706649..8deef2052a 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
@@ -408,7 +408,7 @@ button {
     max-width: 200px;
 }
 
-@media all and (min-width: 420px) {
+@media all and (min-width: 400px) {
 
     .backdropCard-scalable {
         width: 50%;
diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css b/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css
index 625deb96b4..5d7d936fd1 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css
@@ -224,3 +224,6 @@ _:-ms-input-placeholder, :root .mdl-slider {
     align-items: center;
     justify-content: center;
 }
+.sliderBubbleText {
+    margin: 0;
+}
\ No newline at end of file
diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.js b/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.js
index 648b06b15a..8a150fd8f9 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.js
@@ -29,14 +29,14 @@
         });
     }
 
-    function updateBubble(range, value, bubble) {
+    function updateBubble(range, value, bubble, bubbleText) {
 
         bubble.style.left = (value - 1) + '%';
 
         if (range.getBubbleText) {
             value = range.getBubbleText(value);
         }
-        bubble.innerHTML = value;
+        bubbleText.innerHTML = value;
     }
 
     EmbySliderPrototype.attachedCallback = function () {
@@ -59,20 +59,21 @@
             htmlToInsert += '<div class="mdl-slider__background-flex"><div class="mdl-slider__background-lower"></div><div class="mdl-slider__background-upper"></div></div>';
         }
 
-        htmlToInsert += '<div class="sliderBubble hide"></div>';
+        htmlToInsert += '<div class="sliderBubble hide"><h1 class="sliderBubbleText"></h1></div>';
 
         containerElement.insertAdjacentHTML('beforeend', htmlToInsert);
 
         var backgroundLower = containerElement.querySelector('.mdl-slider__background-lower');
         var backgroundUpper = containerElement.querySelector('.mdl-slider__background-upper');
         var sliderBubble = containerElement.querySelector('.sliderBubble');
+        var sliderBubbleText = containerElement.querySelector('.sliderBubbleText');
 
         var hasHideClass = sliderBubble.classList.contains('hide');
 
         dom.addEventListener(this, 'input', function (e) {
             this.dragging = true;
 
-            updateBubble(this, this.value, sliderBubble);
+            updateBubble(this, this.value, sliderBubble, sliderBubbleText);
 
             if (hasHideClass) {
                 sliderBubble.classList.remove('hide');
@@ -102,7 +103,7 @@
                     var clientX = e.clientX;
                     var bubbleValue = (clientX - rect.left) / rect.width;
                     bubbleValue *= 100;
-                    updateBubble(this, Math.round(bubbleValue), sliderBubble);
+                    updateBubble(this, Math.round(bubbleValue), sliderBubble, sliderBubbleText);
 
                     if (hasHideClass) {
                         sliderBubble.classList.remove('hide');
diff --git a/dashboard-ui/bower_components/emby-webcomponents/itemcontextmenu.js b/dashboard-ui/bower_components/emby-webcomponents/itemcontextmenu.js
index e5364f83b8..485d59d513 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/itemcontextmenu.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/itemcontextmenu.js
@@ -233,7 +233,7 @@ define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'embyRouter',
                 }
             }
 
-            if (options.openAlbum !== false && item.AlbumId) {
+            if (options.openAlbum !== false && item.AlbumId && item.MediaType !== 'Photo') {
                 commands.push({
                     name: Globalize.translate('sharedcomponents#ViewAlbum'),
                     id: 'album'
diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 263b465921..a5312eaf92 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -45,6 +45,10 @@
     padding-top: 10px;
 }
 
+.pageWithAbsoluteTabs .pageTabContent {
+    padding-top: 2.2em;
+}
+
 /*.pageWithAbsoluteTabs .pageTabContent {
     padding-left: .5em !important;
     padding-right: .5em !important;
@@ -85,7 +89,7 @@
 }
 
 .homePageSection {
-    margin-top: 3em;
+    margin-bottom: 3.6em;
 }
 
 .sectionHeaderButton {
@@ -132,12 +136,12 @@
 }
 
 .homePageSection h1 {
-    padding-left: 3.1vw;
+    padding-left: .55em;
 }
 
 .homePageSection .itemsContainer {
-    padding-left: 2.5vw;
-    padding-right: 2.5vw;
+    padding-left: .7em;
+    padding-right: .7em;
 }
 
 @media all and (min-width: 1200px) {
@@ -166,7 +170,6 @@
 
 .listPaging {
     text-align: center;
-    margin: .5em 0 .5em;
 }
 
 .viewControls + .listTopPaging {
diff --git a/dashboard-ui/livetv.html b/dashboard-ui/livetv.html
index aa385f4ca7..3cb4748256 100644
--- a/dashboard-ui/livetv.html
+++ b/dashboard-ui/livetv.html
@@ -74,7 +74,7 @@
     <div class="pageTabContent ehsContent fullWidth flexPageTabContent absolutePageTabContent" id="guideTab" data-index="1" style="width:auto;padding-top:0; padding-bottom: 0;">
     </div>
     <div class="pageTabContent ehsContent" id="channelsTab" data-index="2">
-        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
+        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:0 .5em 1em;">
             <div class="paging"></div>
             <button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="md-icon">filter_list</i></button>
         </div>
diff --git a/dashboard-ui/movies.html b/dashboard-ui/movies.html
index e8ee4ae3ef..ebc4a979fa 100644
--- a/dashboard-ui/movies.html
+++ b/dashboard-ui/movies.html
@@ -55,7 +55,7 @@
         </div>
     </div>
     <div class="pageTabContent ehsContent" id="moviesTab" data-index="1">
-        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
+        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:0 .5em 1em;">
             <div class="paging"></div>
             <button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><i class="md-icon">view_comfy</i></button>
             <button is="paper-icon-button-light" class="btnSort autoSize" title="${ButtonSort}"><i class="md-icon">sort_by_alpha</i></button>
@@ -72,7 +72,7 @@
         </div>
     </div>
     <div class="pageTabContent ehsContent" id="trailersTab" data-index="2">
-        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
+        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:0 .5em 1em;">
             <div class="paging"></div>
             <button is="paper-icon-button-light" class="btnSort autoSize" title="${ButtonSort}"><i class="md-icon">sort_by_alpha</i></button>
             <button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="md-icon">filter_list</i></button>
@@ -88,7 +88,7 @@
         </div>
     </div>
     <div class="pageTabContent ehsContent" id="collectionsTab" data-index="3">
-        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
+        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:0 .5em 1em;">
             <div class="paging"></div>
             <button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><i class="md-icon">view_comfy</i></button>
             <button is="paper-icon-button-light" class="btnSort autoSize" title="${ButtonSort}"><i class="md-icon">sort_by_alpha</i></button>
diff --git a/dashboard-ui/music.html b/dashboard-ui/music.html
index 4fff78831d..45cf3c0381 100644
--- a/dashboard-ui/music.html
+++ b/dashboard-ui/music.html
@@ -58,7 +58,7 @@
         <div class="favoriteSections homePageSection"></div>
     </div>
     <div class="pageTabContent pageTabContent ehsContent" id="albumsTab" data-index="1">
-        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
+        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:0 .5em 1em;">
             <div class="paging"></div>
             <button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><i class="md-icon">view_comfy</i></button>
             <button is="paper-icon-button-light" class="btnSort autoSize" title="${ButtonSort}"><i class="md-icon">sort_by_alpha</i></button>
@@ -75,7 +75,7 @@
         </div>
     </div>
     <div class="pageTabContent pageTabContent ehsContent" id="albumArtistsTab" data-index="2">
-        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
+        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:0 .5em 1em;">
             <div class="paging"></div>
             <button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><i class="md-icon">view_comfy</i></button>
             <button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="md-icon">filter_list</i></button>
@@ -91,7 +91,7 @@
         </div>
     </div>
     <div class="pageTabContent pageTabContent ehsContent" id="artistsTab" data-index="3">
-        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
+        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:0 .5em 1em;">
             <div class="paging"></div>
             <button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><i class="md-icon">view_comfy</i></button>
             <button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="md-icon">filter_list</i></button>
@@ -107,7 +107,7 @@
         </div>
     </div>
     <div class="pageTabContent pageTabContent ehsContent" id="songsTab" data-index="4">
-        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
+        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:0 .5em 1em;">
             <div class="paging"></div>
             <button is="paper-icon-button-light" class="btnSort autoSize" title="${ButtonSort}"><i class="md-icon">sort_by_alpha</i></button>
             <button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="md-icon">filter_list</i></button>
@@ -126,7 +126,7 @@
         <div is="emby-itemscontainer" id="items" class="itemsContainer paddedItemsContainer vertical-wrap"></div>
     </div>
     <div class="pageTabContent pageTabContent ehsContent" id="foldersTab" data-index="6">
-        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
+        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:0 .5em 1em;">
             <div class="paging"></div>
         </div>
 
diff --git a/dashboard-ui/scripts/mypreferenceshome.js b/dashboard-ui/scripts/mypreferenceshome.js
index 87cfa914a9..51c73177a1 100644
--- a/dashboard-ui/scripts/mypreferenceshome.js
+++ b/dashboard-ui/scripts/mypreferenceshome.js
@@ -36,8 +36,20 @@
         var folderHtml = '';
 
         folderHtml += '<div class="checkboxList">';
+        var excludeViewTypes = ['playlists', 'livetv', 'boxsets', 'channels'];
+        var excludeItemTypes = ['Channel'];
+
         folderHtml += result.Items.map(function (i) {
 
+            if (excludeViewTypes.indexOf(i.CollectionType || []) !== -1) {
+                return '';
+            }
+
+            // not implemented yet
+            if (excludeItemTypes.indexOf(i.Type) !== -1) {
+                return '';
+            }
+            
             var currentHtml = '';
 
             var id = 'chkIncludeInLatest' + i.Id;
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 8cad5d10ee..e0614e811f 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -724,7 +724,7 @@ var Dashboard = {
                     profile.SubtitleProfiles.push({
                         Format: 'ass',
                         Method: 'Embed'
-                    }); 
+                    });
                     profile.SubtitleProfiles.push({
                         Format: 'ssa',
                         Method: 'Embed'
@@ -1627,7 +1627,11 @@ var AppInfo = {};
         var embyWebComponentsBowerPath = bowerPath + '/emby-webcomponents';
 
         if (Dashboard.isRunningInCordova()) {
-            define("actionsheet", ["cordova/actionsheet"], returnFirstDependency);
+            if (window.MainActivity && window.MainActivity.getAndroidBuildVersion() >= 24) {
+                define("actionsheet", ["webActionSheet"], returnFirstDependency);
+            } else {
+                define("actionsheet", ["cordova/actionsheet"], returnFirstDependency);
+            }
         } else {
             define("actionsheet", ["webActionSheet"], returnFirstDependency);
         }
diff --git a/dashboard-ui/tv.html b/dashboard-ui/tv.html
index 08de5c08a8..12009f235f 100644
--- a/dashboard-ui/tv.html
+++ b/dashboard-ui/tv.html
@@ -74,7 +74,7 @@
         </div>
     </div>
     <div class="pageTabContent ehsContent" id="seriesTab" data-index="3">
-        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
+        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:0 .5em 1em;">
             <div class="paging"></div>
             <button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><i class="md-icon">view_comfy</i></button>
             <button is="paper-icon-button-light" class="btnSort autoSize" title="${ButtonSort}"><i class="md-icon">sort_by_alpha</i></button>
@@ -91,7 +91,7 @@
         </div>
     </div>
     <div class="pageTabContent ehsContent" id="episodesTab" data-index="4">
-        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
+        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:0 .5em 1em;">
             <div class="paging"></div>
             <button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><i class="md-icon">view_comfy</i></button>
             <button is="paper-icon-button-light" class="btnSort autoSize" title="${ButtonSort}"><i class="md-icon">sort_by_alpha</i></button>