Merge pull request #1093 from MrTimscampi/mobile-fixes-2

Fix some mobile navigation issues

src/assets/css/librarybrowser.css

@@ -24,6 +24,10 @@
     padding-top: 7em !important;
 }
 
+.layout-mobile .libraryPage {
+    padding-top: 4em !important;
+}
+
 .itemDetailPage {
     padding-top: 0 !important;
 }
@@ -115,7 +119,7 @@
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: inline-flex;
-    margin: 0.3em 0 0 0.5em;
+    margin: 0 0 0 0.5em;
     height: 1.7em;
     -webkit-box-align: center;
     -webkit-align-items: center;
@@ -268,12 +272,6 @@
     }
 }
 
-@media all and (max-width: 60em) {
-    .libraryDocument .mainDrawerButton {
-        display: none;
-    }
-}
-
 @media all and (max-width: 84em) {
     .withSectionTabs .headerTop {
         padding-bottom: 0.55em;

src/index.html

@@ -92,7 +92,7 @@
             left: 0;
             bottom: 0;
             z-index: 1;
-            width: 10px;
+            width: 0.8em;
         }
     </style>
 </head>

src/scripts/librarymenu.js

@@ -63,7 +63,9 @@ define(["dom", "layoutManager", "inputManager", "connectionManager", "events", "
                 hasImage = true;
             }
 
+            if (!layoutManager.mobile) {
                 headerUserButton.classList.remove("hide");
+            }
         } else {
             headerUserButton.classList.add("hide");
         }
@@ -73,7 +75,7 @@ define(["dom", "layoutManager", "inputManager", "connectionManager", "events", "
         }
 
         if (user && user.localUser) {
-            if (headerHomeButton && !layoutManager.mobile) {
+            if (headerHomeButton) {
                 headerHomeButton.classList.remove("hide");
             }