put search bar on top for mobile

source/src/pages/Search.tsx

@@ -29,9 +29,10 @@ const StyledSearch = styled.div`
 
 const StyledSearchContainer = styled.div`
 	display: flex;
+	align-items: center;
 
 	@media screen and (max-width: ${theming.size.screen_size2}) {
-		display: block;
+		flex-direction: column-reverse;
 	}
 `
 
@@ -44,6 +45,15 @@ const StyledSearchControlContainer = styled.div`
 	}
 `
 
+const StyledDateRange = styled(DateRange)`
+	width: 350px;
+	height: 350px;
+
+	@media screen and (max-width: ${theming.size.screen_size2}) {
+		margin-top: 1rem;
+	}
+`
+
 function isDateInRange(
 	dateToCompare: string,
 	from: string,
@@ -108,7 +118,7 @@ function _Search() {
 				<h1>Search</h1>
 
 				<StyledSearchContainer>
-					<DateRange
+					<StyledDateRange
 						editableDateInputs={true}
 						moveRangeOnFirstSelection={false}
 						retainEndDateOnFirstSelection={true}