KefinTweaks/scripts/search.css

.searchFields {
	position: relative;
}

.padded-left.padded-right.searchFields {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
}

div#smart-search-wrapper:not([style*="display: none"]) ~ #jellyseerr-search-icon {
	transform: translateX(calc(100% + 1.5em)) translateY(calc(-50%));
	position: absolute;  
	top: 24px;
	right: 0;
}

div#smart-search-wrapper:not([style*="display: none"]) ~ #jellyseerr-search-icon {
	width: 30px;
	height: 30px;
}

.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;
}