From 6204ef665f5418ed7b4b188e04d36f3c685f5fd3 Mon Sep 17 00:00:00 2001
From: MrPaulBlack <paul.accounts@protonmail.com>
Date: Mon, 18 Oct 2021 21:57:32 +0200
Subject: [PATCH 1/2] [simple theme] define device width with less vars in
 defenition.less

---
 searx/static/themes/simple/src/less/autocomplete.less | 2 +-
 searx/static/themes/simple/src/less/definitions.less  | 6 ++++++
 searx/static/themes/simple/src/less/index.less        | 4 ++--
 searx/static/themes/simple/src/less/preferences.less  | 2 +-
 searx/static/themes/simple/src/less/search.less       | 4 ++--
 searx/static/themes/simple/src/less/style.less        | 6 +++---
 searx/static/themes/simple/src/less/toolkit.less      | 2 +-
 7 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/searx/static/themes/simple/src/less/autocomplete.less b/searx/static/themes/simple/src/less/autocomplete.less
index 0c0ae3f32..5f5745388 100644
--- a/searx/static/themes/simple/src/less/autocomplete.less
+++ b/searx/static/themes/simple/src/less/autocomplete.less
@@ -60,7 +60,7 @@
   }
 }
 
-@media screen and (max-width: @results-width) {
+@media screen and (max-width: @phone) {
   .autocomplete {
     bottom: 0;
   }
diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less
index fc1bcd5fa..9caf4f3f5 100644
--- a/searx/static/themes/simple/src/less/definitions.less
+++ b/searx/static/themes/simple/src/less/definitions.less
@@ -196,6 +196,12 @@ html {
 @results-margin: 2rem;
 @search-width: 40rem;
 
+/// Device Size
+/// @desktop > @tablet
+@tablet: 80em;
+@phone: 50em;
+@small-phone: 35em;
+
 /// From style.less
 @stacked-bar-chart: rgb(0, 0, 0);
 
diff --git a/searx/static/themes/simple/src/less/index.less b/searx/static/themes/simple/src/less/index.less
index a74988a72..64bfda06a 100644
--- a/searx/static/themes/simple/src/less/index.less
+++ b/searx/static/themes/simple/src/less/index.less
@@ -35,7 +35,7 @@
   }
 }
 
-@media screen and (max-width: 80em) {
+@media screen and (max-width: @tablet) {
   div.title {
     h1 {
       font-size: 1em;
@@ -47,7 +47,7 @@
   }
 }
 
-@media screen and (max-width: 50em) {
+@media screen and (max-width: @phone) {
   #main_index {
     margin-top: 0;
   }
diff --git a/searx/static/themes/simple/src/less/preferences.less b/searx/static/themes/simple/src/less/preferences.less
index 5b512cc71..70edc3c8f 100644
--- a/searx/static/themes/simple/src/less/preferences.less
+++ b/searx/static/themes/simple/src/less/preferences.less
@@ -116,7 +116,7 @@
   }
 }
 
-@media screen and (max-width: 80em) {
+@media screen and (max-width: @tablet) {
   .preferences_back {
     clear: both;
   }
diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less
index 36f0011e1..5e8888f0b 100644
--- a/searx/static/themes/simple/src/less/search.less
+++ b/searx/static/themes/simple/src/less/search.less
@@ -103,7 +103,7 @@
   vertical-align: middle;
 }
 
-@media screen and (max-width: 80em) {
+@media screen and (max-width: @tablet) {
   #search {
     padding: 0 @results-tablet-offset;
   }
@@ -145,7 +145,7 @@
   }
 }
 
-@media screen and (max-width: 50em) {
+@media screen and (max-width: @phone) {
   #search {
     width: 100%;
     margin: 0;
diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index 1a5418164..1f6bb4516 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -569,7 +569,7 @@ article.result-images[data-vim-selected]::before {
   }
 }
 
-@media screen and (max-width: 80em) {
+@media screen and (max-width: @tablet) {
   #main_preferences,
   #main_about,
   #main_stats {
@@ -710,7 +710,7 @@ article.result-images[data-vim-selected]::before {
   }
 }
 
-@media screen and (max-width: 50em) {
+@media screen and (max-width: @phone) {
   #main_results div#results {
     grid-template-columns: 100%;
     margin: 2rem 0 0 0;
@@ -767,7 +767,7 @@ article.result-images[data-vim-selected]::before {
   }
 }
 
-@media screen and (max-width: 35em) {
+@media screen and (max-width: @small-phone) {
   .result-videos {
     img.thumbnail {
       float: none !important;
diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less
index 8c92fe488..524cc93d1 100644
--- a/searx/static/themes/simple/src/less/toolkit.less
+++ b/searx/static/themes/simple/src/less/toolkit.less
@@ -433,7 +433,7 @@ select {
   }
 }
 
-@media screen and (max-width: 50em) {
+@media screen and (max-width: @phone) {
   .tabs > label {
     width: 100%;
   }

From 9ff0a91fcad3d2b531d0eca725327da62163dca5 Mon Sep 17 00:00:00 2001
From: MrPaulBlack <paul.accounts@protonmail.com>
Date: Mon, 18 Oct 2021 21:57:56 +0200
Subject: [PATCH 2/2] [build] /static

---
 .../oscar/css/logicodev-dark.min.css.map      | Bin 11613 -> 11613 bytes
 .../static/themes/simple/css/searxng-rtl.css  |   2 +-
 .../themes/simple/css/searxng-rtl.min.css     | Bin 43689 -> 43688 bytes
 .../themes/simple/css/searxng-rtl.min.css.map | Bin 21521 -> 21521 bytes
 searx/static/themes/simple/css/searxng.css    |   2 +-
 .../static/themes/simple/css/searxng.min.css  | Bin 43650 -> 43649 bytes
 .../themes/simple/css/searxng.min.css.map     | Bin 21465 -> 21465 bytes
 7 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/searx/static/themes/oscar/css/logicodev-dark.min.css.map b/searx/static/themes/oscar/css/logicodev-dark.min.css.map
index eafe5f3484fa2a3dccf2ca9963b6f47a0cea5c1d..32293f3a43cc80ffe3356a30a41c213dc1fbcf2d 100644
GIT binary patch
delta 46
zcmV+}0MY;5THRWZd6QfM7O{xb0g-tRliL9avwH$cAOS;@#v*P3VzV_PfCB+zv$iIu
E2EVHjb^rhX

delta 55
zcmV-70LcH{THRWZc>`l_WRW)?k;Wvk#+?C?c@~lZ1d}iV1+#ksN+1DRlg1)$0b#Q>
NBY*<|L$kIfrv_n}6ZZfB

diff --git a/searx/static/themes/simple/css/searxng-rtl.css b/searx/static/themes/simple/css/searxng-rtl.css
index 0f13208a6..974e0c869 100644
--- a/searx/static/themes/simple/css/searxng-rtl.css
+++ b/searx/static/themes/simple/css/searxng-rtl.css
@@ -1962,7 +1962,7 @@ td:hover .engine-tooltip,
 .autocomplete.open:empty {
   display: none;
 }
-@media screen and (max-width: 45rem) {
+@media screen and (max-width: 50em) {
   .autocomplete {
     bottom: 0;
   }
diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css b/searx/static/themes/simple/css/searxng-rtl.min.css
index be6b40bf3128301b505e8dbe0c2f0107dd60f2a6..a4ae186160ea4a5adba275e3dc84e559d011a7cb 100644
GIT binary patch
delta 18
acmZ2^m1)IQrVX<)CqG!mws~PDha&)6F$mZI

delta 18
acmZ2+m1*TwrVX<)nN3WKHqXiAaRdNRBL|iM

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 bbfe17c6a420f647dd0fd76a1824d24ae5fd016e..f2def3f3b20a2b8763a110a2a635c4993bbac752 100644
GIT binary patch
delta 172
zcmbQZf^p&s#tjj=9O=$Fxz3KxmYWlF=di(e1)Et+#2NK+!E&y7&N_*X&aOJ4j*gBx
zo{pYgI*}l5IEd@*=$Q>Mp<uJ8=^Z8xZ6~mKMVoakVwpJ#A#z2NCs{w^uz*MvY;LgO
j65@awUbK0VUm!CF)R4T*uLG|!a+X6ZE^?lHD%c$WZM`*6

delta 172
zcmbQZf^p&s#tjj=92QPGxz3KxrkfLV=df{<JL}|wc`PR4jC$$LAUW3zXPrbxXIGt2
zM@L5;Pe)HLok$Qj9K`i@^n|E#&e`l~dWVU_1Y%y!W?hR|W{zyI3C=l_Cs{v3NHy4S
h32{IT&)Gc5FOV6^bI#iQI`A4JCsfYdY4WLHcK{`vG;RO@

diff --git a/searx/static/themes/simple/css/searxng.css b/searx/static/themes/simple/css/searxng.css
index 9b2c2fbd8..4d9523a8b 100644
--- a/searx/static/themes/simple/css/searxng.css
+++ b/searx/static/themes/simple/css/searxng.css
@@ -1962,7 +1962,7 @@ td:hover .engine-tooltip,
 .autocomplete.open:empty {
   display: none;
 }
-@media screen and (max-width: 45rem) {
+@media screen and (max-width: 50em) {
   .autocomplete {
     bottom: 0;
   }
diff --git a/searx/static/themes/simple/css/searxng.min.css b/searx/static/themes/simple/css/searxng.min.css
index 4d10f450997e947ff8512b8ab43a598ac7880af7..602e5c6896fdfaf432080f7cd9ad599dd201c360 100644
GIT binary patch
delta 18
acmZp=%G7w3X~V3{$q$yXZC;r9&;bBf+X-R-

delta 18
acmZp?%G7j~X~V2cW)st*&2uuJIsgDn%?Ka>

diff --git a/searx/static/themes/simple/css/searxng.min.css.map b/searx/static/themes/simple/css/searxng.min.css.map
index 7ab9c3d9f97b5f01a4b4e13cdc8561d41e860e81..329a5041cd2aad41af2d5d9089c29a1093442575 100644
GIT binary patch
delta 163
zcmcb)obl#z#tqiG9O=$Fxz3KxmYbb*=di(e1)HB6i!*ZMg5_NECbOB!ab!aj7Hrlr
zy~D(z?F80Vv{}F+mYJgvB3CrI)cP5>1w^XAStoF^jE%(P`_8PJn{8eRazc$Oa-O`v
dL2Pr6pA|FA(7es(0<ST0mP70VDp(t=0|2%jH2(kq

delta 163
zcmcb)obl#z#tqiG92QPGxz3KxrkkC0=df{<JL}|wdC!f-89CCOL2|Acli5t=pd9C%
z%{r!cm^e%z+Hy7vSi~}OWP=qt=S(iOe#Q-xa@Gl)EMp@v`Mxvj=4P8$f}Bv}a-1hG
da1h(v<7dSTGc;@Sxxj0TFa_pLlh+38003{|G#vl{