summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src/less/style-center.less
diff options
context:
space:
mode:
Diffstat (limited to 'searx/static/themes/simple/src/less/style-center.less')
-rw-r--r--searx/static/themes/simple/src/less/style-center.less12
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;