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;