diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css
index c7a0dfbe55..c06aafd497 100644
--- a/dashboard-ui/css/card.css
+++ b/dashboard-ui/css/card.css
@@ -275,15 +275,19 @@
 
 @media all and (min-width: 540px) {
 
-    .portraitCard {
-        width: 25%;
-    }
-
     .smallBackdropCard {
         width: 33.3%;
     }
 }
 
+
+@media all and (min-width: 640px) {
+
+    .portraitCard {
+        width: 25%;
+    }
+}
+
 @media all and (min-width: 700px) {
     .backdropCard {
         width: 33.3%;
diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index acb6449504..74d6cd9b9a 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -35,11 +35,11 @@
 
 /* latin */
 @font-face {
-  font-family: 'Montserrat';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Montserrat-Regular'), url(fonts/Montserrat.woff) format('woff');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Montserrat-Regular'), url(fonts/Montserrat.woff) format('woff');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 }
 
 /* For some reason jquery mobile 1.4.5 wants to horitontally pad mini form fields. */
@@ -156,6 +156,12 @@ h1 a:hover {
         display: none;
     }
 
+.ui-slider-track.ui-mini .ui-slider-handle {
+    height: 18px;
+    width: 18px;
+    margin: -10px 0 0 -10px;
+}
+
 .largePanel {
     width: 270px;
 }
diff --git a/dashboard-ui/scripts/librarymenu.js b/dashboard-ui/scripts/librarymenu.js
index 4370646a2d..67f9f15e8d 100644
--- a/dashboard-ui/scripts/librarymenu.js
+++ b/dashboard-ui/scripts/librarymenu.js
@@ -253,27 +253,40 @@
 
             html += '<div class="sidebarLinks librarySidebarLinks">';
 
-            html += '<a style="margin-top:0;padding-left:.6em;display:block;color:#fff;text-decoration:none;font-size:16px;font-weight:400!important;background: #000;" href="mypreferencesdisplay.html?userId=' + Dashboard.getCurrentUserId() + '">';
+            //var userHref = user.localUser && user.localUser.Policy.EnableUserPreferenceAccess ?
+            //    'mypreferencesdisplay.html?userId=' + user.localUser.Id :
+            //    (user.localUser ? 'index.html' : '#');
 
-            var imgWidth = 48;
+            //var paddingLeft = user.imageUrl ? 'padding-left:.7em;' : '';
+            //html += '<a style="margin-top:0;' + paddingLeft + 'display:block;color:#fff;text-decoration:none;font-size:16px;font-weight:400!important;background: #000;" href="' + userHref + '">';
 
-            if (user.imageUrl) {
-                var url = user.imageUrl;
+            //var imgWidth = 44;
 
-                if (user.supportsImageParams) {
-                    url += "&width=" + (imgWidth * Math.max(devicePixelRatio || 1, 2));
-                }
+            //if (user.imageUrl) {
+            //    var url = user.imageUrl;
 
-                html += '<img style="max-width:' + imgWidth + 'px;vertical-align:middle;margin-right:.8em;border-radius: 50px;" src="' + url + '" />';
-            }
-            html += user.name;
-            html += '</a>';
+            //    if (user.supportsImageParams) {
+            //        url += "&width=" + (imgWidth * Math.max(devicePixelRatio || 1, 2));
+            //    }
 
-            html += '<div class="libraryMenuDivider" style="margin-top:0;"></div>';
+            //    html += '<img style="max-width:' + imgWidth + 'px;vertical-align:middle;margin-right:.8em;border-radius: 50px;" src="' + url + '" />';
+            //} else {
+            //    html += '<span class="fa fa-user sidebarLinkIcon"></span>';
+            //}
+
+            //html += user.name;
+            //html += '</a>';
 
             var homeHref = ConnectionManager.currentApiClient() ? 'index.html' : 'selectserver.html';
 
-            html += '<a class="lnkMediaFolder sidebarLink homeViewMenu" href="' + homeHref + '"><span class="fa fa-home sidebarLinkIcon"></span>' + Globalize.translate('ButtonHome') + '</a>';
+            html += '<a class="lnkMediaFolder sidebarLink" style="margin-top:.5em;padding-left:1em;display:block;color:#fff;text-decoration:none;" href="' + homeHref + '">';
+
+            html += '<img style="max-width:36px;vertical-align:middle;margin-right:1em;" src="css/images/mblogoicon.png" />';
+
+            html += Globalize.translate('ButtonHome');
+            html += '</a>';
+
+            html += '<div class="libraryMenuDivider" style="margin-top:0;"></div>';
 
             html += getViewsHtml();
             html += '</div>';
diff --git a/dashboard-ui/scripts/musicrecommended.js b/dashboard-ui/scripts/musicrecommended.js
index 80ddbda79e..32728a1efa 100644
--- a/dashboard-ui/scripts/musicrecommended.js
+++ b/dashboard-ui/scripts/musicrecommended.js
@@ -4,7 +4,7 @@
         
         var screenWidth = $(window).width();
 
-        return screenWidth >= 1920 ? 9 : 8;
+        return screenWidth >= 1920 ? 9 : (screenWidth >= 1200 ? 12 : (screenWidth >= 1000 ? 10 : 8));
     }
 
     function loadLatest(page, parentId) {