Browse Source

[fix] simple theme: fix deformed result item

Setting ``box-sizing: border-box;`` [1] and ``width`` to fix deformed results
reported in [2].

[1] https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing
[2] https://github.com/searxng/searxng/issues/3892

Closes: #3892

Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
Markus Heiser 7 months ago
parent
commit
2fbedc4316
1 changed files with 4 additions and 1 deletions
  1. 4 1
      searx/static/themes/simple/src/less/style.less

+ 4 - 1
searx/static/themes/simple/src/less/style.less

@@ -170,6 +170,8 @@ article[data-vim-selected].category-social {
 .result {
   margin: @results-margin 0;
   padding: @result-padding;
+  box-sizing: border-box;
+  width: 100%;
   .ltr-border-left(0.2rem solid transparent);
 
   h3 {
@@ -1096,7 +1098,8 @@ summary.title {
   .result {
     background: var(--color-result-background);
     border: 1px solid var(--color-result-background);
-    margin: 1rem 10px;
+    margin: 1rem 2%;
+    width: 96%;
     .rounded-corners;
   }