[theme] margin around checkboxes is bigger now, index centers the search more and the pref, stats and about page have a max-width now

3 files changed, 21 insertions, 5 deletions

diff --git a/searx/static/themes/simple/src/less/index.less b/searx/static/themes/simple/src/less/index.less
index 3a275763c..a74988a72 100644
--- a/searx/static/themes/simple/src/less/index.less
+++ b/searx/static/themes/simple/src/less/index.less
@@ -1,3 +1,7 @@
+#main_index {
+  margin-top: 16em;
+}
+
 .index {
   text-align: center;
 
@@ -17,6 +21,7 @@
     margin: 0 auto;
     background: inherit;
     border: inherit;
+    padding: 0;
   }
 
   .search_filters {
@@ -30,10 +35,20 @@
   }
 }
 
-@media screen and (max-width: 75em) {
+@media screen and (max-width: 80em) {
   div.title {
     h1 {
       font-size: 1em;
     }
   }
+
+  #main_index {
+    margin-top: 6em;
+  }
+}
+
+@media screen and (max-width: 50em) {
+  #main_index {
+    margin-top: 0;
+  }
 }
diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index 0a11d42a7..86214ccd5 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -68,8 +68,8 @@ main {
 #main_preferences,
 #main_about,
 #main_stats {
-  margin: 3em;
-  width: auto;
+  margin: 2em auto;
+  width: 85em;
 }
 
 footer {
@@ -602,7 +602,7 @@ article.result-images[data-vim-selected]::before {
   #main_preferences,
   #main_about,
   #main_stats {
-    margin: 0.5em;
+    margin: 2em 0.5em;
     width: auto;
   }
 
@@ -738,6 +738,7 @@ article.result-images[data-vim-selected]::before {
 @media screen and (max-width: 50em) {
   #main_results div#results {
     grid-template-columns: 100%;
+    margin: 2rem 0 0 0;
   }
 
   article[data-vim-selected]::before {
diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less
index 7299e2574..e9e88e7e0 100644
--- a/searx/static/themes/simple/src/less/toolkit.less
+++ b/searx/static/themes/simple/src/less/toolkit.less
@@ -348,7 +348,7 @@ select {
     width: 40px;
     height: 10px;
     background: #dcdcdc;
-    margin: 8px auto;
+    margin: 8px 1rem;
     position: relative;
     border-radius: 50px;