new: One-handed mode

(find it in Settings)

index.html

@@ -113,10 +113,10 @@ <h1 id="widget-4" class="widget-slide brush-text-style-3 has-shadow">Welcome</h1
 					<option value="on">On</option>
 					<option value="off">Off</option>
 				</select></label>
-			<label for="searchbar-position-drop" class="modal-option custom-dropdown">Searchbar position <select
+			<label for="searchbar-position-drop" class="modal-option custom-dropdown">One-handed mode <select
 					class="setting-preview" name="searchbar-position-drop" id="searchbar-position-drop">
-					<option value="top">Default</option>
-					<option value="bottom">Bottom</option>
+					<option value="top">Off</option>
+					<option value="bottom">On</option>
 				</select></label>
 			<label for="searchbar-color-theme-drop" class="modal-option custom-dropdown">Searchbar theme <select
 					class="setting-preview" name="searchbar-color-theme-drop" id="searchbar-color-theme-drop">

js_modules/load_preferences.js

@@ -317,14 +317,17 @@ function searchbarTheme(value) {
 
 function defaultSearchbarPosition(value) {
 	const searchbar = document.getElementById('searchbar');
+	const wrap = document.getElementById('wrap');
 
 	switch (value) {
 		case 'top': {
 			searchbar.style.order = '0';
+			wrap.style.flex = '1';
 			break;
 		};
 		case 'bottom': {
 			searchbar.style.order = '1';
+			wrap.style.flex = '0';
 			break;
 		};
 	}

style.css

@@ -104,7 +104,7 @@ input[type=checkbox] {
 	max-width: 1280px;
 	width: 100%;
 	margin: auto;
-	flex: 1;
+	/* flex: 1; */
 	z-index: 2;
 	display: block;
 }