diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.css index 66f3f5d4a2..ce684930ca 100644 --- a/src/assets/css/librarybrowser.css +++ b/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; -}