set header setTransparentMenu for mobile only and fix some style

src/assets/css/librarybrowser.css

@@ -671,12 +671,20 @@
 }
 
 @media all and (min-width:62.5em) {
+    .headerTop {
+        padding: 1.489em 0
+    }
+
+    .itemDetailPage  {
+        padding-top: 5em !important
+    }
+
     .detailFloatingButton {
         display: none !important
     }
 
     .personBackdropimg-hideondesktop {
-        display: none !important;
+        display: none !important
     }
 
     .mainDetailButtons {
@@ -722,12 +730,6 @@
     border-collapse: collapse;
 }
 
-@media all and (max-width:62.5em) {
-    .detailPageWrapperContainer-nodetailimg {
-        padding-top: 0;
-    }
-}
-
 .mediaInfoStream {
     margin: 0 3em 0 0;
     display: inline-block;

src/controllers/itemdetailpage.js

@@ -2098,7 +2098,10 @@ define(["loading", "appRouter", "layoutManager", "userSettings", "connectionMana
         });
         view.addEventListener("viewshow", function (e) {
             var page = this;
-            libraryMenu.setTransparentMenu(true);
+
+            if (layoutManager.mobile) {
+                libraryMenu.setTransparentMenu(true);
+            }
 
             if (e.detail.isRestored) {
                 if (currentItem) {