[Fix] search icon vertical alignment in navigation bar

web/templates/base.html

@@ -349,8 +349,10 @@
                      placeholder="What do you want to learn?"
                      class="rounded-full w-[250px] bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 px-3 py-1.5 focus:outline-none focus:ring-2 focus:ring-teal-300 dark:focus:ring-teal-700" />
               <button type="submit"
-                      class="absolute right-3 top-2 text-gray-500 dark:text-gray-300">
-                <i class="fas fa-search"></i>
+                      class="absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-300"
+                      aria-label="Search courses"
+                      title="Search">
+                <i class="fas fa-search" aria-hidden="true"></i>
               </button>
             </form>
           </div>
@@ -548,7 +550,7 @@
                          placeholder="What do you want to learn?"
                          class="w-full rounded-full bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-gray-100 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-teal-300 dark:focus:ring-teal-700" />
                   <button type="submit"
-                          class="absolute right-3 top-2.5 text-gray-500 dark:text-gray-400">
+                          class="absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400">
                     <i class="fas fa-search"></i>
                   </button>
                 </form>