fix: resolve linting issues across JavaScript and CSS

- Fix ESLint errors in mobile-menu.js: spacing and formatting

Author: Dale Kunce

app/assets/scripts/mobile-menu.js

@@ -23,17 +23,17 @@
     dropdownContent.setAttribute('role', 'menu');
 
     // Update menu button text and ARIA state
-    function updateMenuState(isOpen) {
+    function updateMenuState (isOpen) {
       const isExpanded = isOpen ? 'true' : 'false';
       mobileDropdown.setAttribute('aria-expanded', isExpanded);
-      
+
       if (menuButton) {
         menuButton.textContent = isOpen ? 'CLOSE' : 'MENU';
       }
     }
 
     // Toggle mobile menu
-    function toggleMenu(e) {
+    function toggleMenu (e) {
       e.preventDefault();
       e.stopPropagation();
 
@@ -49,7 +49,7 @@
     }
 
     // Close menu
-    function closeMenu() {
+    function closeMenu () {
       dropdownContent.classList.remove('show');
       updateMenuState(false);
       document.body.style.overflow = '';
@@ -93,11 +93,11 @@
     // Enhanced touch handling for mobile menu items
     const menuItems = dropdownContent.querySelectorAll('.nav-item, .lang');
     menuItems.forEach(item => {
-      item.addEventListener('touchstart', function() {
+      item.addEventListener('touchstart', function () {
         this.style.backgroundColor = 'rgba(255,255,255,0.1)';
       });
-      
-      item.addEventListener('touchend', function() {
+
+      item.addEventListener('touchend', function () {
         setTimeout(() => {
           this.style.backgroundColor = '';
         }, 150);

app/assets/styles/_base.scss

@@ -21,7 +21,7 @@
 
 /*----------------------------------------------*/
 /*Variables*/
-/*------------------------------------------  color: color.adjust($mmGreen, $lightness: 10%);---*/
+/*---------------------------------------------*/
 
 $mmred: #e23d3d;
 $mmgreen: #8BBF3F;
@@ -175,19 +175,19 @@ header{
 }
 
 .nav-list{
-  float: right;
   position: relative;
-  display: inline-block;
+  display: flex;
+  justify-content: flex-end;
   @media screen and (max-width: 650px) {
     display: none;
   }
 }
 
 .nav-input{
-    float: right;
     display: inline-block;
     position: relative;
     bottom:3px;
+    margin-left: auto;
     padding: 0px 16px 0px 40px;
 }
 
@@ -710,6 +710,7 @@ input[type="text"]{
   margin: none;
   color: $darkgrey;
   -webkit-border-radius: 5px;
+  border-radius: 5px;
     background-color: lighten($lightgrey, 10);
     box-shadow: -1px -2px $lightgrey;
     padding: 2px 6px 4px 6px;
@@ -916,7 +917,7 @@ input[type="text"]{
   color: $darkestgrey;
   position: relative;
   display: inline-block;
-  float: right;
+  margin-left: auto;
 }
 
 /*----------------------------------------------*/

eslint.config.js

@@ -12,6 +12,7 @@ export default [
         document: 'readonly',
         console: 'readonly',
         fetch: 'readonly',
+        setTimeout: 'readonly',
 
         // jQuery
         $: 'readonly',