diff options
Diffstat (limited to 'searx/static/themes/simple/src/less/style-center.less')
| -rw-r--r-- | searx/static/themes/simple/src/less/style-center.less | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/searx/static/themes/simple/src/less/style-center.less b/searx/static/themes/simple/src/less/style-center.less index 30c52cd5a..8256f45ac 100644 --- a/searx/static/themes/simple/src/less/style-center.less +++ b/searx/static/themes/simple/src/less/style-center.less @@ -4,31 +4,31 @@ see the CSS rules for #results in style.less ( grid-template-columns and gap). In this file, the --center-page-width values comes from the Oscar theme (Bootstrap 3). -All rules starts with ".center-aligment-yes #main_results" to be enabled only +All rules starts with ".center-alignment-yes #main_results" to be enabled only on the /search URL and when the "center alignment" preference is enabled. */ @media screen and (min-width: @phone) { - .center-aligment-yes #main_results { + .center-alignment-yes #main_results { --center-page-width: 48rem; } } @media screen and (min-width: 62rem) { - .center-aligment-yes #main_results { + .center-alignment-yes #main_results { --center-page-width: 60rem; } } @media screen and (min-width: @tablet) { - .center-aligment-yes #main_results { + .center-alignment-yes #main_results { --center-page-width: 73rem; } } @media screen and (min-width: @phone) and (max-width: @tablet) { // any change must be reset in @media screen and (min-width: @tablet) { ... } - .center-aligment-yes #main_results { + .center-alignment-yes #main_results { #results { grid-template-columns: 60% calc(40% - @results-gap); margin-left: 0; @@ -50,7 +50,7 @@ on the /search URL and when the "center alignment" preference is enabled. } @media screen and (min-width: @tablet) { - .center-aligment-yes #main_results { + .center-alignment-yes #main_results { display: flex; flex-direction: column; align-items: center; |