1 files changed, 32 insertions, 28 deletions
diff --git a/searx/static/themes/simple/css/searxng.css b/searx/static/themes/simple/css/searxng.css
index 75d9a5895..2570463c9 100644
--- a/searx/static/themes/simple/css/searxng.css
+++ b/searx/static/themes/simple/css/searxng.css
@@ -2193,7 +2193,7 @@ article.result-images .detail {
   }
 }
 #main_index {
-  margin-top: 24vh;
+  margin-top: 26vh;
 }
 #main_index #linkto_preferences {
   right: 1.8rem;
@@ -2202,13 +2202,14 @@ article.result-images .detail {
   text-align: center;
 }
 .index .title {
-  background: url('../img/searx.png') no-repeat;
-  width: 100%;
-  min-height: 80px;
+  background: url('../img/searxng.png') no-repeat;
+  min-height: 4rem;
+  margin: 4rem auto;
   background-position: center;
+  background-size: contain;
 }
 .index h1 {
-  font-size: 5em;
+  font-size: 4em;
   visibility: hidden;
 }
 .index #search {
@@ -2344,12 +2345,12 @@ article.result-images .detail {
 * SearXNG, A privacy-respecting, hackable metasearch engine
 */
 #search {
-  padding: 1.5em 2em 0 6rem;
+  padding: 1.5em 2em 0 7rem;
   margin: 0;
   background: var(--color-header-background);
   border-bottom: 1px solid var(--color-header-border);
   display: grid;
-  column-gap: 1rem;
+  column-gap: 1.2rem;
   row-gap: 1rem;
   grid-template-columns: 3rem 1fr;
   grid-template-areas: "logo search" "spacer categories";
@@ -2635,8 +2636,8 @@ footer p {
 }
 #main_preferences h1,
 #main_stats h1 {
-  background: url('../img/searx.png') no-repeat;
-  background-size: auto 75%;
+  background: url('../img/searxng.png') no-repeat;
+  background-size: contain;
   min-height: 40px;
   margin: 0 auto;
 }
@@ -2668,28 +2669,25 @@ a:visited .highlight {
 }
 article[data-vim-selected] {
   background: var(--color-result-vim-selected);
-}
-article[data-vim-selected]::before {
-  position: absolute;
-  left: 8rem;
-  padding: 2px;
-  content: ">";
-  font-weight: bold;
-  color: var(--color-result-vim-arrow);
+  border-left: 0.2rem solid var(--color-result-vim-arrow);
+  -webkit-border-radius: 0 10px 10px 0;
+  -moz-border-radius: 0 10px 10px 0;
+  border-radius: 0 10px 10px 0;
 }
 article.result-images[data-vim-selected] {
   background: var(--color-result-vim-arrow);
+  border: none;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 }
 article.result-images[data-vim-selected] .image_thumbnail {
   filter: opacity(60%);
 }
-article.result-images[data-vim-selected]::before {
-  display: none;
-  content: "";
-}
 .result {
-  margin: 2rem 0;
-  padding: 0;
+  margin: 0.125rem 0;
+  padding: 1rem;
+  border-left: 0.2rem solid transparent;
 }
 .result h3 {
   font-size: 1.1em;
@@ -2799,6 +2797,7 @@ article.result-images[data-vim-selected]::before {
   padding: 0;
   position: relative;
   max-height: 200px;
+  border: none;
 }
 .result-images img {
   float: inherit;
@@ -2930,7 +2929,7 @@ article.result-images[data-vim-selected]::before {
   grid-area: answers;
   border: 1px solid var(--color-answer-border);
   padding: 0.9em;
-  margin-bottom: 2rem;
+  margin-bottom: 0.125rem;
   color: var(--color-answer-font);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
@@ -2956,7 +2955,7 @@ article.result-images[data-vim-selected]::before {
 #sidebar .infobox {
   margin: 10px 0 10px;
   border: 1px solid var(--color-sidebar-border);
-  padding: 0.9em;
+  padding: 1rem;
   font-size: 0.9em;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
@@ -3072,7 +3071,7 @@ article.result-images[data-vim-selected]::before {
     margin: 0.5em 0.5em 0.5em 0;
   }
   #sidebar {
-    margin-bottom: 2rem;
+    margin-bottom: 0.125rem;
     padding: 0;
     float: none;
     border: none;
@@ -3182,14 +3181,19 @@ article.result-images[data-vim-selected]::before {
     margin: 2rem 1rem 0 1rem !important;
   }
   .result {
-    padding: 8px 10px 6px 10px;
-    margin: 0.5rem;
+    margin: 1rem 0.5rem;
     border: 1px solid var(--color-result-border);
     box-shadow: 0 0 5px var(--color-result-shadow);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
   }
+  article[data-vim-selected] {
+    border: 1px solid var(--color-result-border);
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+  }
   .result-images {
     margin: 0;
     padding: 0;