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; }