diff --git a/searx/static/themes/oscar/js/searxng.min.js.map b/searx/static/themes/oscar/js/searxng.min.js.map index 526f0beda..3ce24b689 100644 Binary files a/searx/static/themes/oscar/js/searxng.min.js.map and b/searx/static/themes/oscar/js/searxng.min.js.map differ diff --git a/searx/static/themes/simple/css/searxng-rtl.css b/searx/static/themes/simple/css/searxng-rtl.css index 9320fd79f..b10390a7b 100644 --- a/searx/static/themes/simple/css/searxng-rtl.css +++ b/searx/static/themes/simple/css/searxng-rtl.css @@ -2513,7 +2513,7 @@ article.result-images .detail { flex-direction: row; } #q { - width: auto !important; + width: 100%; flex: 1; } #main_results #q:placeholder-shown ~ #send_search { @@ -2536,6 +2536,14 @@ article.result-images .detail { padding: 10px !important; } } +@media screen and (max-width: 20rem) { + #search { + grid-template-areas: "search search" "categories categories"; + } + #search_logo { + display: none; + } +} #categories { margin: 0 10px 0 0; -webkit-touch-callout: none; diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css b/searx/static/themes/simple/css/searxng-rtl.min.css index 97d88b339..d96637665 100644 Binary files a/searx/static/themes/simple/css/searxng-rtl.min.css and b/searx/static/themes/simple/css/searxng-rtl.min.css differ diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css.map b/searx/static/themes/simple/css/searxng-rtl.min.css.map index c552ee16c..91a086e0c 100644 Binary files a/searx/static/themes/simple/css/searxng-rtl.min.css.map and b/searx/static/themes/simple/css/searxng-rtl.min.css.map differ diff --git a/searx/static/themes/simple/css/searxng.css b/searx/static/themes/simple/css/searxng.css index cae7a11be..554815c1b 100644 --- a/searx/static/themes/simple/css/searxng.css +++ b/searx/static/themes/simple/css/searxng.css @@ -2513,7 +2513,7 @@ article.result-images .detail { flex-direction: row; } #q { - width: auto !important; + width: 100%; flex: 1; } #main_results #q:placeholder-shown ~ #send_search { @@ -2536,6 +2536,14 @@ article.result-images .detail { padding: 10px !important; } } +@media screen and (max-width: 20rem) { + #search { + grid-template-areas: "search search" "categories categories"; + } + #search_logo { + display: none; + } +} #categories { margin: 0 10px 0 0; -webkit-touch-callout: none; diff --git a/searx/static/themes/simple/css/searxng.min.css b/searx/static/themes/simple/css/searxng.min.css index 65d58f2ac..6ad32d984 100644 Binary files a/searx/static/themes/simple/css/searxng.min.css and b/searx/static/themes/simple/css/searxng.min.css differ diff --git a/searx/static/themes/simple/css/searxng.min.css.map b/searx/static/themes/simple/css/searxng.min.css.map index 68421b245..90f34007c 100644 Binary files a/searx/static/themes/simple/css/searxng.min.css.map and b/searx/static/themes/simple/css/searxng.min.css.map differ diff --git a/searx/static/themes/simple/js/searxng.min.js.map b/searx/static/themes/simple/js/searxng.min.js.map index 3f941fbce..040648c1f 100644 Binary files a/searx/static/themes/simple/js/searxng.min.js.map and b/searx/static/themes/simple/js/searxng.min.js.map differ diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less index 33b65a682..157cfeed1 100644 --- a/searx/static/themes/simple/src/less/definitions.less +++ b/searx/static/themes/simple/src/less/definitions.less @@ -220,6 +220,7 @@ @tablet: 80em; @phone: 50em; @small-phone: 35em; +@ultra-small-phone: 20rem; /// From style.less @stacked-bar-chart: rgb(0, 0, 0); diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less index 794958594..fddd2b357 100644 --- a/searx/static/themes/simple/src/less/search.less +++ b/searx/static/themes/simple/src/less/search.less @@ -191,7 +191,7 @@ } #q { - width: auto !important; + width: 100%; flex: 1; } @@ -220,6 +220,18 @@ } } +@media screen and (max-width: @ultra-small-phone) { + #search { + grid-template-areas: + "search search" + "categories categories"; + } + + #search_logo { + display: none; + } +} + #categories { margin: 0 10px 0 0; .disable-user-select; diff --git a/searx/templates/simple/base.html b/searx/templates/simple/base.html index f6594041d..093b380f9 100644 --- a/searx/templates/simple/base.html +++ b/searx/templates/simple/base.html @@ -7,7 +7,7 @@ - + {% block title %}{% endblock %}{{ instance_name }}