diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css
index c8b0698f45..9afb8f44b6 100644
--- a/dashboard-ui/css/card.css
+++ b/dashboard-ui/css/card.css
@@ -170,7 +170,7 @@
         background: rgba(0, 0, 0, .75);
         left: 0;
         color: #eee;
-        padding: 5px 0 0 0;
+        padding: 6px 0 2px 0;
         max-width: 100%;
     }
 
diff --git a/dashboard-ui/css/chromecast.css b/dashboard-ui/css/chromecast.css
index 4cfb5db89b..a634670e00 100644
--- a/dashboard-ui/css/chromecast.css
+++ b/dashboard-ui/css/chromecast.css
@@ -3,7 +3,7 @@
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center center;
-    width: 26px;
+    width: 28px;
     height: 100%;
     display: inline-block;
     vertical-align: middle;
@@ -31,6 +31,8 @@
 
 .btnCast {
     white-space: nowrap;
+    position: relative;
+    top: 1px !important;
 }
 
 .headerSelectedPlayer {
diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css
index 990ea56318..620bef0963 100644
--- a/dashboard-ui/css/librarymenu.css
+++ b/dashboard-ui/css/librarymenu.css
@@ -13,15 +13,22 @@
 }
 
 .headerBackButton {
-    padding-right: 0 !important;
+    padding-right: 5px !important;
 }
 
-.viewMenuBar, .barsMenuButton, .libraryMenuButtonText, .btnCast {
+.headerButton {
     height: 50px;
+    line-height: 50px;
+    display: inline-block;
 }
 
-.barsMenuButton, .libraryMenuButtonText, .btnCast {
-    line-height: 50px;
+.headerUserImage {
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 1000px;
+    vertical-align: middle;
+    display: inline-block;
 }
 
 .viewMenuBar .fa {
@@ -32,7 +39,6 @@
 
 .headerButton {
     margin: 0;
-    padding: 0;
     background-color: transparent;
     top: 0;
     bottom: 0;
@@ -57,10 +63,6 @@
     padding: 0 15px;
 }
 
-    .headerButtonLeft:first-child {
-        padding-left: 10px;
-    }
-
 .menuArrow {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAbklEQ…yGDxkLaBtENI9kPMk0gaoW0Dyj0aWowFLYNYzWB6MWMAAAq1H3+Mhu2hQAAAAASUVORK5CYII=);
     height: 24px;
diff --git a/dashboard-ui/css/notifications.css b/dashboard-ui/css/notifications.css
index 877b3d0b89..edb74c4cf3 100644
--- a/dashboard-ui/css/notifications.css
+++ b/dashboard-ui/css/notifications.css
@@ -6,7 +6,7 @@
     text-decoration: none !important;
     vertical-align: middle;
     border-radius: 1000px;
-    padding: 5px 10px;
+    padding: 6px 10px 5px;
     text-align: center;
     text-decoration: none !important;
     -moz-user-select: none;
@@ -15,6 +15,7 @@
     color: #fff;
     font-size: 13px;
     font-weight: normal;
+    display: inline;
 }
 
 .levelNormal {
diff --git a/dashboard-ui/scripts/librarylist.js b/dashboard-ui/scripts/librarylist.js
index 60c258b100..0a4415dc1e 100644
--- a/dashboard-ui/scripts/librarylist.js
+++ b/dashboard-ui/scripts/librarylist.js
@@ -532,7 +532,7 @@
 
             var href = card.href || LibraryBrowser.getHref(item, context);
             var header = Globalize.translate('HeaderLatestFromChannel').replace('{0}', '<a href="' + href + '" style="outline:0;">' + item.Name + '</a>');
-            html += '<h2 style="padding:.5em 1em;background:#222;margin:0;">' + header + '</h2>';
+            html += '<h3 style="padding:.5em 1em;background:#222;margin:0;">' + header + '</h3>';
 
             html += '<div class="groupingMenuScroller">';
 
@@ -546,64 +546,7 @@
             });
 
             html += '</div>';
-            //html += '<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>';
-            //html += '<div>';
-            //html += '<ul data-role="listview">';
 
-            //var href = card.href || LibraryBrowser.getHref(item, context);
-            //var header = Globalize.translate('HeaderLatestFromChannel').replace('{0}', '<a href="' + href + '">' + item.Name + '</a>');
-            //html += '<li data-role="list-divider">' + header + '</li>';
-
-            //html += '</ul>';
-
-            //html += '<div class="groupingMenuScroller">';
-            //html += '<ul data-role="listview">';
-
-            //html += latestItems.map(function (latestItem) {
-
-            //    var itemHtml = '';
-
-            //    href = LibraryBrowser.getHref(latestItem, context);
-            //    itemHtml += '<li class="ui-li-has-thumb"><a href="' + href + '">';
-
-            //    var imgUrl;
-
-            //    if (latestItem.ImageTags.Primary) {
-
-            //        // Scaling 400w episode images to 80 doesn't turn out very well
-            //        var width = latestItem.Type == 'Episode' ? 160 : 80;
-            //        imgUrl = ApiClient.getScaledImageUrl(latestItem.Id, {
-            //            width: width,
-            //            tag: latestItem.ImageTags.Primary,
-            //            type: "Primary",
-            //            index: 0
-            //        });
-
-            //    }
-            //    if (imgUrl) {
-            //        itemHtml += '<div class="listviewImage ui-li-thumb" style="background-image:url(\'' + imgUrl + '\');"></div>';
-            //    }
-
-            //    itemHtml += '<h3>';
-            //    itemHtml += LibraryBrowser.getPosterViewDisplayName(latestItem);
-            //    itemHtml += '</h3>';
-
-            //    var date = parseISO8601Date(latestItem.DateCreated, { toLocal: true });
-
-            //    itemHtml += '<p>';
-            //    itemHtml += Globalize.translate('LabelAddedOnDate').replace('{0}', date.toLocaleDateString());
-            //    itemHtml += '</p>';
-
-            //    itemHtml += '</a></li>';
-
-            //    return itemHtml;
-
-            //}).join('');
-
-            //html += '</ul>';
-            //html += '</div>';
-
-            //html += '</div>';
             html += '</div>';
 
             $($.mobile.activePage).append(html);
diff --git a/dashboard-ui/scripts/librarymenu.js b/dashboard-ui/scripts/librarymenu.js
index f50015d7eb..f41efca273 100644
--- a/dashboard-ui/scripts/librarymenu.js
+++ b/dashboard-ui/scripts/librarymenu.js
@@ -5,7 +5,7 @@
         var html = '<div class="viewMenuBar ui-bar-b">';
 
         if (($.browser.safari && window.navigator.standalone) || Dashboard.isRunningInCordova()) {
-            html += '<a data-rel="back" data-role="none" href="#" class="headerButton headerButtonLeft headerBackButton"><div class="fa fa-arrow-circle-o-left"></div></a>';
+            html += '<button type="button" data-role="none" onclick="history.back();" class="headerButton headerButtonLeft headerBackButton"><div class="fa fa-arrow-left"></div></button>';
         }
 
         html += '<button type="button" data-role="none" title="Menu" class="headerButton dashboardMenuButton barsMenuButton headerButtonLeft">';
@@ -47,7 +47,7 @@
 
         if (user.name) {
 
-            html += '<a class="headerButton headerButtonRight headerUserButton" href="#" onclick="Dashboard.showUserFlyout(this);">';
+            html += '<button class="headerButton headerButtonRight headerUserButton" type="button" data-role="none" onclick="Dashboard.showUserFlyout(this);">';
 
             if (user.imageUrl && AppInfo.enableUserImage) {
 
@@ -59,12 +59,12 @@
                     url += "&height=" + (userButtonHeight * Math.max(devicePixelRatio || 1, 2));
                 }
 
-                html += '<div class="lazy" data-src="' + url + '" style="width:' + userButtonHeight + 'px;height:' + userButtonHeight + 'px;background-size:contain;background-repeat:no-repeat;background-position:center center;border-radius:1000px;"></div>';
+                html += '<div class="lazy headerUserImage" data-src="' + url + '" style="width:' + userButtonHeight + 'px;height:' + userButtonHeight + 'px;"></div>';
             } else {
                 html += '<div class="fa fa-user"></div>';
             }
 
-            html += '</a>';
+            html += '</button>';
         }
 
         if (user.canManageServer) {
diff --git a/dashboard-ui/scripts/notifications.js b/dashboard-ui/scripts/notifications.js
index 9d8ed7975d..196c5f6720 100644
--- a/dashboard-ui/scripts/notifications.js
+++ b/dashboard-ui/scripts/notifications.js
@@ -220,7 +220,7 @@
     $(document).on('headercreated', function (e) {
 
         if (ConnectionManager.currentApiClient()) {
-            $('<a class="headerButton headerButtonRight btnNotifications" href="#" title="Notifications"><div class="btnNotificationsInner">0</div></a>').insertAfter($('.headerSearchButton')).on('click', Notifications.showNotificationsFlyout);
+            $('<button class="headerButton headerButtonRight btnNotifications" data-role="none" type="button" title="Notifications"><div class="btnNotificationsInner">0</div></button>').insertAfter($('.headerSearchButton')).on('click', Notifications.showNotificationsFlyout);
 
             Notifications.updateNotificationCount();
         }
diff --git a/dashboard-ui/thirdparty/browser.js b/dashboard-ui/thirdparty/browser.js
index 061a499273..897738f7e5 100644
--- a/dashboard-ui/thirdparty/browser.js
+++ b/dashboard-ui/thirdparty/browser.js
@@ -909,6 +909,7 @@
         var match = /(chrome)[ \/]([\w.]+)/.exec(ua) ||
             /(safari)[ \/]([\w.]+)/.exec(ua) ||
             /(opera)(?:.*version|)[ \/]([\w.]+)/.exec(ua) ||
+            /(webkit)(?:.*version|)[ \/]([\w.]+)/.exec(ua) ||
             /(msie) ([\w.]+)/.exec(ua) ||
             ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) ||
             [];
@@ -944,6 +945,10 @@
         browser[matched.platform] = true;
     }
 
+    if (browser.webkit && !browser.chrome) {
+        browser.safari = true;
+    }
+
     // Chrome is Webkit, but Webkit is also Safari.
     if (browser.chrome || browser.safari) {
         browser.webkit = true;