1 files changed, 29 insertions, 28 deletions

diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index 84c1a201b..aab913639 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -78,8 +78,8 @@ footer {
   padding: 1em 0;
   width: 100%;
   text-align: center;
-  background-color: #f2f2f2;
-  border-top: 1px solid #e4e4e4;
+  background-color: @color-footer-background;
+  border-top: 1px solid @color-footer-border;
   overflow: hidden;
 
   p {
@@ -102,7 +102,6 @@ footer {
 input[type="submit"],
 #results button[type="submit"] {
   padding: 0.5rem;
-  margin: 2px 4px;
   display: inline-block;
   background: @color-download-button-background;
   color: @color-download-button-font;
@@ -365,11 +364,11 @@ article.result-images[data-vim-selected]::before {
 }
 
 #results {
-  margin: 2rem 2rem 0 2rem;
+  margin: 2rem 2rem 0 @results-offset;
   display: grid;
-  grid-template-columns: (@results-width + @results-offset) 1fr;
-  grid-template-rows: min-content 1fr min-content;
-  gap: 0 3rem;
+  grid-template-columns: (@results-width + @results-offset) 25em;
+  grid-template-rows: min-content min-content 1fr min-content;
+  gap: 0 @results-gap;
   grid-template-areas:
     "answers sidebar"
     "suggestions sidebar"
@@ -384,7 +383,6 @@ article.result-images[data-vim-selected]::before {
 }
 
 #urls {
-  margin: 0.5em 2em 20px 0;
   padding: 0;
   grid-area: urls;
 }
@@ -486,9 +484,6 @@ article.result-images[data-vim-selected]::before {
 
 #sidebar {
   grid-area: sidebar;
-  margin: 0 2px 5px 5px;
-  padding: 0 2px 2px;
-  max-width: 25em;
   word-wrap: break-word;
 
   .infobox {
@@ -592,7 +587,7 @@ article.result-images[data-vim-selected]::before {
   background: white;
   position: fixed;
   bottom: 85px;
-  left: @results-width;
+  left: @results-width + @results-offset + @results-gap;
   transition: opacity 0.5s;
   opacity: 0;
 
@@ -632,8 +627,6 @@ article.result-images[data-vim-selected]::before {
   }
 
   #sidebar {
-    max-width: @results-width;
-    margin: 0 0 2px 0;
     padding: 0;
     float: none;
     border: none;
@@ -698,14 +691,18 @@ article.result-images[data-vim-selected]::before {
       max-width: 98%;
     }
   }
+
+  #backToTop {
+    left: @results-width;
+  }
 }
 
 #main_results div#results.only_template_images {
-  margin: 2rem 2rem 0 2rem;
+  margin: 2rem @results-tablet-offset 0 @results-tablet-offset;
   display: grid;
   grid-template-columns: 100%;
   grid-template-rows: min-content min-content 1fr min-content min-content;
-  gap: 0 3rem;
+  gap: 0;
   grid-template-areas:
     "answers"
     "suggestions"
@@ -715,7 +712,7 @@ article.result-images[data-vim-selected]::before {
 
   #urls {
     width: inherit;
-    margin: 0 0 20px 0;
+    margin: 0;
   }
 
   #backToTop {
@@ -724,23 +721,27 @@ article.result-images[data-vim-selected]::before {
   }
 }
 
-/*
 @media screen and (max-width: 1250px) {
   #main_results div#results {
-    margin: 2rem 2rem 0 2rem;
+    margin: 2rem @results-tablet-offset 0 @results-tablet-offset;
     display: grid;
-    grid-template-columns: (@results-width + @results-offset) 1fr;
+    grid-template-columns: 50em;
     grid-template-rows: min-content min-content min-content 1fr min-content min-content;
-    gap: 0 3rem;
+    gap: 0;
     grid-template-areas:
-      "answers empty"
-      "suggestions empty"
-      "sidebar empty"
-      "urls empty"
-      "pagination empty";
-    }
+      "answers"
+      "suggestions"
+      "sidebar"
+      "urls"
+      "pagination";
+  }
+}
+
+@media screen and (max-width: 50em) {
+  #main_results div#results {
+    grid-template-columns: 100%;
+  }
 }
-*/
 
 @media screen and (max-width: @results-width) {
   article[data-vim-selected]::before {