forked from Ponysearch/Ponysearch
[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>
This commit is contained in:
parent
bafb92e646
commit
2fbedc4316
1 changed files with 4 additions and 1 deletions
|
@ -170,6 +170,8 @@ article[data-vim-selected].category-social {
|
||||||
.result {
|
.result {
|
||||||
margin: @results-margin 0;
|
margin: @results-margin 0;
|
||||||
padding: @result-padding;
|
padding: @result-padding;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
.ltr-border-left(0.2rem solid transparent);
|
.ltr-border-left(0.2rem solid transparent);
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
|
@ -1096,7 +1098,8 @@ summary.title {
|
||||||
.result {
|
.result {
|
||||||
background: var(--color-result-background);
|
background: var(--color-result-background);
|
||||||
border: 1px solid var(--color-result-background);
|
border: 1px solid var(--color-result-background);
|
||||||
margin: 1rem 10px;
|
margin: 1rem 2%;
|
||||||
|
width: 96%;
|
||||||
.rounded-corners;
|
.rounded-corners;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue