.searchFields { position: relative; } .padded-left.padded-right.searchFields { display: flex; flex-direction: column-reverse; align-items: center; } .layout-desktop .searchFieldsInner { padding-left: calc(30px + 1em); } div#smart-search-wrapper:not([style*="display: none"]) ~ #jellyseerr-search-icon { transform: translateX(calc(100% + 1.5em)); position: absolute; top: 0; right: 0; } .smart-search-mode .searchFieldsInner { position: relative; } main.MuiBox-root div#searchPage { padding-top: 2rem !important; } div#searchPage { padding-top: 5rem !important; display: flex; flex-direction: column; } div#searchPage > * { order: 1; } div#searchPage > .jellyseerr-section { order: 2; padding-left: max(env(safe-area-inset-left), 3.3%); } div#smart-search-results { padding-bottom: 0 !important; padding-right: 0 !important; } label[for="searchTextInput"] { display: none; } .searchfields-icon { -webkit-align-self: flex-end; align-self: flex-end; font-size: 2em; margin-bottom: 0.1em; margin-right: 0.25em; } .searchFieldsInner > .searchfields-icon { display: none; } .input-wrapper { position: relative; } span.searchfields-icon { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .searchResults\,:not(.smart-search-results), .searchResults:not(.smart-search-results) { display: none; }