From 2fbedc4316b4e8a8bce8bb9506f59aa61e1a2666 Mon Sep 17 00:00:00 2001 From: Markus Heiser Date: Mon, 7 Oct 2024 09:55:39 +0200 Subject: [PATCH] [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 --- searx/static/themes/simple/src/less/style.less | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less index 857ea4a28..def08f646 100644 --- a/searx/static/themes/simple/src/less/style.less +++ b/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; }