Resize logo on details page

src/assets/css/librarybrowser.css

@@ -21,7 +21,7 @@
 }
 
 .libraryPage {
-    padding-top: 7em;
+    padding-top: 7em !important;
 }
 
 .itemDetailPage {
@@ -115,7 +115,7 @@
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: inline-flex;
-    margin: 0 0 0 0.5em;
+    margin: 0.3em 0 0 0.5em;
     height: 1.7em;
     -webkit-box-align: center;
     -webkit-align-items: center;
@@ -128,10 +128,6 @@
     margin-top: 0;
 }
 
-.layout-mobile .pageTitleWithDefaultLogo {
-    background-image: url(../img/icon-transparent.png);
-}
-
 .headerLeft,
 .skinHeader {
     display: -webkit-box;
@@ -242,10 +238,11 @@
 }
 
 .mainDrawer-scrollContainer {
-    margin-bottom: 10vh;
+    padding-bottom: 10vh;
 }
 
 @media all and (min-width: 40em) {
+    .dashboardDocument .adminDrawerLogo,
     .dashboardDocument .mainDrawerButton {
         display: none !important;
     }
@@ -271,6 +268,12 @@
     }
 }
 
+@media all and (max-width: 60em) {
+    .libraryDocument .mainDrawerButton {
+        display: none;
+    }
+}
+
 @media all and (max-width: 84em) {
     .withSectionTabs .headerTop {
         padding-bottom: 0.55em;
@@ -313,7 +316,7 @@
     }
 
     .dashboardDocument .mainDrawer-scrollContainer {
-        margin-top: 4.6em !important;
+        margin-top: 6em !important;
     }
 }
 
@@ -606,19 +609,24 @@
 }
 
 .detailLogo {
-    width: 40vw;
-    height: 30vh;
+    width: 30vw;
+    height: 25vh;
     position: absolute;
-    top: 7.5vh;
-    right: 18;
-    -webkit-background-size: auto;
-    background-size: auto;
+    top: 10vh;
+    right: 20vw;
+    background-size: contain;
 }
 
 .noBackdrop .detailLogo {
     display: none;
 }
 
+@media all and (max-width: 68.75em) {
+    .detailLogo {
+        display: none;
+    }
+}
+
 .itemDetailImage {
     width: 100% !important;
     -webkit-box-shadow: 0 0.1em 0.5em 0 rgba(0, 0, 0, 0.75);
@@ -1095,50 +1103,3 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
 .itemsViewSettingsContainer > .button-flat {
     margin: 0;
 }
-
-.layout-mobile #myPreferencesMenuPage {
-    padding-top: 3.75em;
-}
-
-.itemDetailsGroup {
-    margin-bottom: 1.5em;
-}
-
-.trackSelections {
-    max-width: 44em;
-}
-
-.detailsGroupItem,
-.trackSelections .selectContainer {
-    display: flex;
-    max-width: 44em;
-    margin: 0 0 0.5em !important;
-}
-
-.trackSelections .selectContainer {
-    margin: 0 0 0.3em !important;
-}
-
-.detailsGroupItem .label,
-.trackSelections .selectContainer .selectLabel {
-    cursor: default;
-    flex-grow: 0;
-    flex-shrink: 0;
-    flex-basis: 6.25em;
-    margin: 0 0.6em 0 0;
-}
-
-.trackSelections .selectContainer .selectLabel {
-    margin: 0 0.2em 0 0;
-}
-
-.trackSelections .selectContainer .detailTrackSelect {
-    font-size: inherit;
-    padding: 0;
-    overflow: hidden;
-}
-
-.trackSelections .selectContainer .selectArrowContainer .selectArrow {
-    margin-top: 0;
-    font-size: 1.4em;
-}