[mod] simple theme: adjust margins

* index page: margin top is 24% of the view port.
  avoid to scroll a small screen,
  center the content in the middle of the screen

* link to preferences at the same height same the input fields

* increase the category tab heighs

* increase the margin bottom of the query field

* in the results, change the h3 margin top and bottom to 0.4rem (6px)

* move the back to top button slightly on the right when the results are only images

1 files changed, 4 insertions, 5 deletions

diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less
index 239bef525..88a8626f2 100644
--- a/searx/static/themes/simple/src/less/search.less
+++ b/searx/static/themes/simple/src/less/search.less
@@ -9,7 +9,7 @@
   border-bottom: 1px solid var(--color-header-border);
   display: grid;
   column-gap: 1rem;
-  row-gap: 10px;
+  row-gap: 1rem;
   grid-template-columns: 3rem 1fr;
   grid-template-areas:
     "logo search"
@@ -120,7 +120,7 @@
 
 .search_filters {
   display: inline-block;
-  vertical-align: middle;
+  margin: 0.8rem 0 0 0;
 }
 
 @media screen and (max-width: @tablet) {
@@ -184,7 +184,6 @@
 
   #search_wrapper {
     width: 100%;
-    margin: 0;
     padding: 0;
   }
 
@@ -204,7 +203,7 @@
 
   .search_filters {
     display: block;
-    margin: 0.5em;
+    margin: 0.8em 0;
   }
 
   .language,
@@ -244,7 +243,7 @@
 
   label {
     cursor: pointer;
-    padding: 4px 10px;
+    padding: 0.3rem 0.75rem 0.5rem 0.75rem;
     margin: 0;
     display: block;
     text-transform: capitalize;