[chore] *: fix typos detected by typos-cli

7 files changed, 20 insertions, 20 deletions

diff --git a/searx/static/themes/simple/src/js/head/00_init.js b/searx/static/themes/simple/src/js/head/00_init.js
index 4aeece8c2..a7c61c43e 100644
--- a/searx/static/themes/simple/src/js/head/00_init.js
+++ b/searx/static/themes/simple/src/js/head/00_init.js
@@ -13,8 +13,8 @@
   };
 
   // update the css
-  var hmtlElement = d.getElementsByTagName("html")[0];
-  hmtlElement.classList.remove('no-js');
-  hmtlElement.classList.add('js');
+  var htmlElement = d.getElementsByTagName("html")[0];
+  htmlElement.classList.remove('no-js');
+  htmlElement.classList.add('js');
 
 })(window, document);
diff --git a/searx/static/themes/simple/src/js/main/00_toolkit.js b/searx/static/themes/simple/src/js/main/00_toolkit.js
index e23142412..4e374a019 100644
--- a/searx/static/themes/simple/src/js/main/00_toolkit.js
+++ b/searx/static/themes/simple/src/js/main/00_toolkit.js
@@ -8,7 +8,7 @@ window.searxng = (function (w, d) {
 
   'use strict';
 
-  // not invented here tookit with bugs fixed elsewhere
+  // not invented here toolkit with bugs fixed elsewhere
   // purposes : be just good enough and as small as possible
 
   // from https://plainjs.com/javascript/events/live-binding-event-handlers-14/
diff --git a/searx/static/themes/simple/src/js/main/keyboard.js b/searx/static/themes/simple/src/js/main/keyboard.js
index 1fb12cae1..e16134579 100644
--- a/searx/static/themes/simple/src/js/main/keyboard.js
+++ b/searx/static/themes/simple/src/js/main/keyboard.js
@@ -441,7 +441,7 @@ searxng.ready(function () {
       var body = document.getElementsByTagName('body')[0];
       body.appendChild(helpPanel);
     } else {
-      // togggle hidden
+      // toggle hidden
       helpPanel.classList.toggle('invisible');
       return;
     }
diff --git a/searx/static/themes/simple/src/js/main/mapresult.js b/searx/static/themes/simple/src/js/main/mapresult.js
index 419bfa9fa..2c3777678 100644
--- a/searx/static/themes/simple/src/js/main/mapresult.js
+++ b/searx/static/themes/simple/src/js/main/mapresult.js
@@ -67,7 +67,7 @@
         } */
       });
 
-      // this event occour only once per element
+      // this event occur only once per element
       event.preventDefault();
     });
   });
diff --git a/searx/static/themes/simple/src/less/embedded.less b/searx/static/themes/simple/src/less/embedded.less
index 2e9216ad2..bd7b89ea6 100644
--- a/searx/static/themes/simple/src/less/embedded.less
+++ b/searx/static/themes/simple/src/less/embedded.less
@@ -13,8 +13,8 @@ iframe[src^="https://www.mixcloud.com"] {
   // issue with an image URL that is blocked since it is an a Cross-Origin
   // request. The alternative text (<img alt='Mixcloud Logo'> then cause an
   // scrollbar in the inner of the iframe we can't avoid.  Another quirk comes
-  // when pressing the play button, somtimes the shown player has an height of
-  // 200px, somtimes 250px.
+  // when pressing the play button, sometimes the shown player has an height of
+  // 200px, sometimes 250px.
   height: 250px;
 }
 
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;
diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index cbc722894..6f8549f70 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -297,7 +297,7 @@ article[data-vim-selected].category-social {
     padding-top: 0.6rem;
     .ltr-padding-right(1rem);
     width: 7rem;
-    height: unset; // remove heigth value that was needed for lazy loading
+    height: unset; // remove height value that was needed for lazy loading
   }
 
   .break {
@@ -399,7 +399,7 @@ article[data-vim-selected].category-social {
     padding-top: 0.6rem;
     .ltr-padding-right(1rem);
     width: 20rem;
-    height: unset; // remove heigth value that was needed for lazy loading
+    height: unset; // remove height value that was needed for lazy loading
   }
 }
 
@@ -639,12 +639,12 @@ summary.title {
   padding-top: 1em;
 }
 
-.sidebar-collapsable {
+.sidebar-collapsible {
   border-top: 1px solid var(--color-sidebar-border);
   padding-bottom: 0.5em;
 }
 
-#sidebar-end-collapsable {
+#sidebar-end-collapsible {
   border-bottom: 1px solid var(--color-sidebar-border);
   width: 100%;
 }
@@ -1007,10 +1007,10 @@ summary.title {
 }
 
 @media screen and (min-width: @phone) and (max-width: @tablet) {
-  // when .center-aligment-yes, see style-center.less
+  // when .center-alignment-yes, see style-center.less
   // the media query includes "min-width: @phone"
   // because the phone layout includes the tablet layout unconditionally.
-  .center-aligment-no {
+  .center-alignment-no {
     .results-tablet();
   }
 }