diff --git a/dashboard-ui/bower_components/emby-webcomponents/.bower.json b/dashboard-ui/bower_components/emby-webcomponents/.bower.json
index 38c737a941..575c9bf65c 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/.bower.json
+++ b/dashboard-ui/bower_components/emby-webcomponents/.bower.json
@@ -16,12 +16,12 @@
   },
   "devDependencies": {},
   "ignore": [],
-  "version": "1.3.43",
-  "_release": "1.3.43",
+  "version": "1.3.44",
+  "_release": "1.3.44",
   "_resolution": {
     "type": "version",
-    "tag": "1.3.43",
-    "commit": "201076c748374aa6fed4be70ec43198099854aa8"
+    "tag": "1.3.44",
+    "commit": "7634be33759be48574ff2531df4d111fa1177e54"
   },
   "_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
   "_target": "^1.2.0",
diff --git a/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.js b/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.js
index 4a93209647..af2802ae1e 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.js
@@ -360,7 +360,7 @@
         dlg.exitAnimation = 'fade-out-animation';
 
         // If it's not fullscreen then lower the default animation speed to make it open really fast
-        var entryAnimationDuration = options.entryAnimationDuration || (options.size ? 240 : 300);
+        var entryAnimationDuration = options.entryAnimationDuration || (options.size ? 200 : 300);
 
         dlg.animationConfig = {
             // scale up
diff --git a/dashboard-ui/bower_components/iron-meta/.bower.json b/dashboard-ui/bower_components/iron-meta/.bower.json
index f4bfef4a7c..e1304d174b 100644
--- a/dashboard-ui/bower_components/iron-meta/.bower.json
+++ b/dashboard-ui/bower_components/iron-meta/.bower.json
@@ -26,14 +26,14 @@
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
   },
   "main": "iron-meta.html",
-  "homepage": "https://github.com/polymerelements/iron-meta",
+  "homepage": "https://github.com/PolymerElements/iron-meta",
   "_release": "1.1.1",
   "_resolution": {
     "type": "version",
     "tag": "v1.1.1",
     "commit": "e171ee234b482219c9514e6f9551df48ef48bd9f"
   },
-  "_source": "git://github.com/polymerelements/iron-meta.git",
+  "_source": "git://github.com/PolymerElements/iron-meta.git",
   "_target": "^1.0.0",
-  "_originalSource": "polymerelements/iron-meta"
+  "_originalSource": "PolymerElements/iron-meta"
 }
\ No newline at end of file
diff --git a/dashboard-ui/bower_components/paper-behaviors/.bower.json b/dashboard-ui/bower_components/paper-behaviors/.bower.json
index a6b333d335..2b04bf9f8a 100644
--- a/dashboard-ui/bower_components/paper-behaviors/.bower.json
+++ b/dashboard-ui/bower_components/paper-behaviors/.bower.json
@@ -45,7 +45,7 @@
     "tag": "v1.0.11",
     "commit": "e3c1ab0c72905b58fb4d9adc2921ea73b5c085a5"
   },
-  "_source": "git://github.com/polymerelements/paper-behaviors.git",
+  "_source": "git://github.com/PolymerElements/paper-behaviors.git",
   "_target": "^1.0.0",
-  "_originalSource": "polymerelements/paper-behaviors"
+  "_originalSource": "PolymerElements/paper-behaviors"
 }
\ No newline at end of file
diff --git a/dashboard-ui/bower_components/paper-ripple/.bower.json b/dashboard-ui/bower_components/paper-ripple/.bower.json
index 2f654d71c6..157225ee71 100644
--- a/dashboard-ui/bower_components/paper-ripple/.bower.json
+++ b/dashboard-ui/bower_components/paper-ripple/.bower.json
@@ -32,14 +32,14 @@
     "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0"
   },
   "ignore": [],
-  "homepage": "https://github.com/polymerelements/paper-ripple",
+  "homepage": "https://github.com/PolymerElements/paper-ripple",
   "_release": "1.0.5",
   "_resolution": {
     "type": "version",
     "tag": "v1.0.5",
     "commit": "d72e7a9a8ab518b901ed18dde492df3b87a93be5"
   },
-  "_source": "git://github.com/polymerelements/paper-ripple.git",
+  "_source": "git://github.com/PolymerElements/paper-ripple.git",
   "_target": "^1.0.0",
-  "_originalSource": "polymerelements/paper-ripple"
+  "_originalSource": "PolymerElements/paper-ripple"
 }
\ No newline at end of file
diff --git a/dashboard-ui/components/subtitleeditor/subtitleeditor.template.html b/dashboard-ui/components/subtitleeditor/subtitleeditor.template.html
index a34eac3ca4..2e8bafa10c 100644
--- a/dashboard-ui/components/subtitleeditor/subtitleeditor.template.html
+++ b/dashboard-ui/components/subtitleeditor/subtitleeditor.template.html
@@ -12,7 +12,7 @@
             <label for="selectLanguage" class="selectLabel">${LabelLanguage}</label>
             <select autofocus id="selectLanguage" required="required" data-mini="true"></select>
         </div>
-        <button type="button" is="paper-icon-button-light" title="${ButtonSearch}" class="btnSearchSubtitles"><iron-icon icon="search"></iron-icon></button>
+        <button type="submit" is="paper-icon-button-light" title="${ButtonSearch}" class="btnSearchSubtitles"><iron-icon icon="search"></iron-icon></button>
     </form>
     <br />
     <div class="subtitleResults"></div>
diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 94a183c822..60ce8cde5e 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -836,14 +836,14 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
         min-height: 60px;
     }
 
-    .itemMiscInfo {
+    .mobileDetails .itemMiscInfo {
         text-align: center;
         justify-content: center;
     }
 
-        .itemMiscInfo .endsAt {
-            display: none;
-        }
+    .itemMiscInfo .endsAt {
+        display: none;
+    }
 }
 
 @media all and (min-width: 750px) {
diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css
index 93291fc951..dda04e7675 100644
--- a/dashboard-ui/css/librarymenu.css
+++ b/dashboard-ui/css/librarymenu.css
@@ -242,20 +242,21 @@
             color: #fff !important;
         }
 
-        .pageTabButtonSelectionBar {
-            position: absolute;
-            left: 0;
-            border: 0;
-            bottom: 0;
-            height: 2px;
-            right: 0;
-            border-radius: 0;
-            z-index: 1;
-        }
+.pageTabButtonSelectionBar {
+    position: absolute;
+    left: 0;
+    border: 0;
+    /* Need this or it will be partially covered by the drop-shadow on android */
+    bottom: 1px;
+    height: 2px;
+    right: 0;
+    border-radius: 0;
+    z-index: 1000;
+}
 
-        .pageTabButton.is-active .pageTabButtonSelectionBar {
-            background: #52B54B;
-        }
+.pageTabButton.is-active .pageTabButtonSelectionBar {
+    background: #52B54B;
+}
 
 .viewMenuBar, .libraryViewNav {
     background-color: #020202;
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index d7e2362d0a..fda7cccc90 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -213,14 +213,11 @@
 
                 if (selected == null) {
 
-                    var elem = tabs.querySelector('.pageTabButton.is-active');
-                    if (elem) {
-                        return parseInt(elem.getAttribute('data-index'));
-                    }
-                    return 0;
+                    return tabs.selectedTabIndex || 0;
                 }
 
                 var current = LibraryBrowser.selectedTab(tabs);
+                tabs.selectedTabIndex = selected;
                 if (current == selected) {
                     tabs.dispatchEvent(new CustomEvent("tabchange", {
                         detail: {
@@ -268,13 +265,13 @@
                     LibraryBrowser.configureSwipeTabs(ownerpage, tabs);
                 }
 
-                var buttons = tabs.querySelectorAll('.pageTabButton');
-                for (var i = 0, length = buttons.length; i < length; i++) {
-                    //buttons[i].classList.add('mdl-button');
-                    //buttons[i].classList.add('mdl-js-button');
-                    var div = document.createElement('div');
-                    div.classList.add('pageTabButtonSelectionBar');
-                    buttons[i].appendChild(div);
+                if (!browserInfo.safari || !AppInfo.isNativeApp) {
+                    var buttons = tabs.querySelectorAll('.pageTabButton');
+                    for (var i = 0, length = buttons.length; i < length; i++) {
+                        var div = document.createElement('div');
+                        div.classList.add('pageTabButtonSelectionBar');
+                        buttons[i].appendChild(div);
+                    }
                 }
 
                 tabs.classList.add('hiddenScrollX');
@@ -1787,20 +1784,20 @@
                 var isSquareAspectRatio = primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 1) < .33 ||
                     primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 1.3333334) < .01;
 
-                if (options.shape == 'auto' || options.shape == 'autohome') {
+                if (options.shape == 'auto' || options.shape == 'autohome' || options.shape == 'autooverflow') {
 
                     if (isThumbAspectRatio) {
-                        options.shape = options.shape == 'auto' ? 'backdrop' : 'backdrop';
+                        options.shape = options.shape == 'autooverflow' ? 'overflowBackdrop' : 'backdrop';
                     } else if (isSquareAspectRatio) {
                         options.coverImage = true;
-                        options.shape = 'square';
+                        options.shape = options.shape == 'autooverflow' ? 'overflowSquare' : 'square';
                     } else if (primaryImageAspectRatio && primaryImageAspectRatio > 1.9) {
                         options.shape = 'banner';
                         options.coverImage = true;
                     } else if (primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 0.6666667) < .2) {
-                        options.shape = options.shape == 'auto' ? 'portrait' : 'portrait';
+                        options.shape = options.shape == 'autooverflow' ? 'overflowPortrait' : 'portrait';
                     } else {
-                        options.shape = options.defaultShape || (options.shape == 'auto' ? 'square' : 'square');
+                        options.shape = options.defaultShape || (options.shape == 'autooverflow' ? 'overflowSquare' : 'square');
                     }
                 }
 
diff --git a/dashboard-ui/scripts/livetvrecordings.js b/dashboard-ui/scripts/livetvrecordings.js
index 9e16f38854..9758bf997e 100644
--- a/dashboard-ui/scripts/livetvrecordings.js
+++ b/dashboard-ui/scripts/livetvrecordings.js
@@ -54,10 +54,6 @@
         Dashboard.hideLoadingMsg();
     }
 
-    function getSquareShape() {
-        return enableScrollX() ? 'overflowSquare' : 'square';
-    }
-
     function enableScrollX() {
         return browserInfo.mobile && AppInfo.enableAppLayouts;
     }
@@ -80,14 +76,12 @@
          
         recordingItems.innerHTML = LibraryBrowser.getPosterViewHtml({
             items: recordings,
-            shape: (enableScrollX() ? getSquareShape() : 'auto'),
+            shape: (enableScrollX() ? 'autooverflow' : 'auto'),
             showTitle: true,
             showParentTitle: true,
-            centerText: true,
             coverImage: true,
             lazy: true,
-            overlayPlayButton: true
-
+            cardLayout: true
         });
 
         ImageLoader.lazyChildren(recordingItems);
@@ -113,7 +107,7 @@
         ApiClient.getLiveTvRecordings({
 
             userId: Dashboard.getCurrentUserId(),
-            limit: 4,
+            limit: enableScrollX() ? 12 : 4,
             IsInProgress: false,
             Fields: 'CanDelete,PrimaryImageAspectRatio'