From 80f5a713861ea0df2354a2b8439bed6691da7bf7 Mon Sep 17 00:00:00 2001
From: Adam Iannazzone <46025473+jiannazzone@users.noreply.github.com>
Date: Mon, 21 Oct 2024 08:51:40 -0400
Subject: [PATCH] Move Retro Fonts toggle to navbar

---
 index.html | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 5b2f259..6efa957 100644
--- a/index.html
+++ b/index.html
@@ -41,7 +41,7 @@
                 aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
-            <div class="collapse navbar-collapse" id="navbarNavDropdown">
+            <div class="collapse navbar-collapse justify-content-between" id="navbarNavDropdown">
                 <ul class="navbar-nav">
                     <li class="nav-item">
                         <a class="nav-link" href="#features">Features</a>
@@ -145,6 +145,11 @@
                         </ul>
                     </li>
                 </ul>
+                <span class="navbar-text form-check form-switch">
+                        <input class="form-check-input" id="pixel-font-switch" type="checkbox" role="switch"
+                            id="reduceMotionSwitch" checked onchange="pixelFontToggle()">
+                        <label class="form-check-label" for="reduceMotionSwitch">Retro Fonts</label>
+                </span>
             </div>
         </div>
     </nav>
@@ -405,15 +410,15 @@
     <footer class="container-fluid pt-2 pb-2">
         <div class="row justify-content-between">
             <div class="col">
-                <div>
+                <div class="text-center">
                     Created by <a target="_blank" rel="noopener noreferrer" href="https://github.com/jiannazzone">Adam
                         Iannazzone</a> and the RetroDECK team.
                 </div>
-                <div class="form-check form-switch">
+                <!-- <div class="form-check form-switch">
                     <input class="form-check-input" id="pixel-font-switch" type="checkbox" role="switch"
                         id="reduceMotionSwitch" checked onchange="pixelFontToggle()">
                     <label class="form-check-label" for="reduceMotionSwitch">Retro Fonts</label>
-                </div>
+                </div> -->
             </div>
         </div>
     </footer>