switch location adjusted (#38)

Doofenshmirtz-Evil-Incorp · Oct 11, 2023 · f82f9c3 · f82f9c3
1 parent 211d105
commit f82f9c3
Show file tree

Hide file tree

Showing 3 changed files with 132 additions and 244 deletions.
diff --git a/index.html b/index.html
@@ -21,6 +21,12 @@
     <!-- Logo section -->
     <div class="logo">
         <a href="https://doofenshmirtz-evil-incorp.github.io/Fuelish/" target="_blank" rel="noopener noreferrer"><img class="logo-image" src="images/logo.png" width="150px" alt=""></a>
+
+            <label class="switch">
+                <input type="checkbox" id="mode-toggle">
+                <i class="icontoggle fa fa-moon-o" id="toggle-icon" aria-hidden="true"></i>
+          </label>
+
     </div>
     <!-- Search box section -->
     <div class="container">
@@ -35,10 +41,7 @@
                 <option value="" selected disabled style="color: azure;">Select a city</option>
             </select>
             <br>
-          <label class="switch">
-                <input type="checkbox" id="mode-toggle">
-                <i class="icontoggle fa fa-moon-o" id="toggle-icon" aria-hidden="true"></i>
-          </label>
+
 
         </div>        
         <!-- Map section -->

diff --git a/index.js b/index.js
@@ -413,7 +413,7 @@ modeToggle.addEventListener("change", () => {
     const classtogglename=document.getElementById("toggle-icon");
     classtogglename.classList.remove('fa-moon-o');
     classtogglename.classList.add('fa-sun-o');
-    classtogglename.style.color="white"
+    classtogglename.style.color="black"
     mapContainer.classList.add("light-mode");
   } else {
 
@@ -428,3 +428,5 @@ modeToggle.addEventListener("change", () => {
    classtogglename.style.color="white"
   }
 });
+
+