Moved search button out of the form to avoid adding unnecessary input parameters

assets/styles/gargoyle.scss

@@ -89,8 +89,9 @@ input[type="submit"].button-primary{
       display: inline-block;
       width: 256px;
     }
+  }
 
-    button{
+  #search-button{
     display: inline-block;
     padding: 0 10px;
     background: $primary-color;
@@ -105,7 +106,6 @@ input[type="submit"].button-primary{
       color: #eee;
     }
   }
-  }
 }
 
 #main-content{

views/layout.twig

@@ -25,11 +25,13 @@
 
     <div class="nav-bar-right">
       <ul>
-        <li><form id="search-form" action="/search" method="GET">
+        <li>
+          <form id="search-form" action="/search" method="GET">
             <input type="text" name="search" placeholder="enter a search query...">
+          </form>
 
-          <button type="submit" for="search-form"><i class="fa-solid fa-magnifying-glass"></i></button>
-        </form></li>
+          <button id="search-button" type="submit" for="search-form"><i class="fa-solid fa-magnifying-glass"></i></button>
+        </li>
       </ul>
     </div>
   </nav>