[simple theme] simplify and justify #answers & #corrections

Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>

2 files changed, 15 insertions, 23 deletions

diff --git a/searx/static/themes/simple/src/less/mixins.less b/searx/static/themes/simple/src/less/mixins.less
index 19955675b..cc4a5bc64 100644
--- a/searx/static/themes/simple/src/less/mixins.less
+++ b/searx/static/themes/simple/src/less/mixins.less
@@ -22,6 +22,12 @@
   border-radius: @radius;
 }
 
+.rounded-corners-tiny (@radius: 5px) {
+  -webkit-border-radius: @radius;
+  -moz-border-radius: @radius;
+  border-radius: @radius;
+}
+
 // disable user selection
 .disable-user-select () {
   -webkit-touch-callout: none;
diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index 523c8f116..2a273d49d 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -346,7 +346,6 @@ article.result-images[data-vim-selected] {
     "pagination sidebar";
 }
 
-#results #answers *:first-child,
 #results #sidebar *:first-child,
 #results #urls *:first-child {
   margin-top: 0;
@@ -371,9 +370,7 @@ article.result-images[data-vim-selected] {
 }
 
 #suggestions,
-#answers,
-#infoboxes,
-#corrections {
+#infoboxes {
   input {
     padding: 0;
     margin: 3px;
@@ -405,11 +402,13 @@ article.result-images[data-vim-selected] {
   h4,
   input[type="submit"] {
     display: inline-block;
-    margin: 0 0.5em 0 0;
+    padding: 0.5rem;
+    margin: 0.5rem;
   }
 
-  input[type="submit"]::after {
-    content: ", ";
+  input[type="submit"] {
+    font-size: 0.8rem;
+    .rounded-corners-tiny;
   }
 }
 
@@ -424,21 +423,17 @@ article.result-images[data-vim-selected] {
   grid-area: answers;
   border: 1px solid var(--color-answer-border);
   background: var(--color-answer-background);
-  padding: 0.9em;
-  margin-bottom: @results-margin;
+  padding: @result-padding;
+  margin: 1rem @results-tablet-offset;
+  margin-top: 0;
   color: var(--color-answer-font);
   .rounded-corners;
 
   h4 {
     display: none;
   }
-
-  .answer {
-    display: block;
-  }
 }
 
-#answers,
 #infoboxes {
   form {
     min-width: 210px;
@@ -727,11 +722,6 @@ article.result-images[data-vim-selected] {
     margin: 0 5px 2px 5px;
   }
 
-  #corrections,
-  #answers {
-    margin: 1rem @results-tablet-offset;
-  }
-
   #results {
     margin: 0;
     padding: 0;
@@ -741,13 +731,9 @@ article.result-images[data-vim-selected] {
     margin: 2rem 1rem 0 1rem !important;
   }
 
-  .result {
-    margin: 1rem @results-tablet-offset;
-    border: 1px solid var(--color-result-border);
     .rounded-corners;
   }
 
-  article[data-vim-selected] {
     border: 1px solid var(--color-result-border);
     .rounded-corners;
   }