💄 style: replace the search button with a magnifying glass (#483)

public/static/themes/simple.css

@@ -95,6 +95,14 @@ button {
   color: var(--background-color);
   font-weight: 600;
   letter-spacing: 0.1rem;
+  position: relative;
+}
+
+.search_bar button img {
+  position:absolute;
+  left:50%;
+  top:50%;
+  transform:translate(-50%, -50%);
 }
 
 .search_bar button:active {

src/templates/partials/bar.rs

@@ -16,6 +16,8 @@ pub fn bar(query: &str) -> Markup {
     html!(
         (PreEscaped("<div class=\"search_bar\">"))
             input type="search" name="search-box" value=(query) placeholder="Type to search";
-            button type="submit" onclick="searchWeb()"{"search"}
+            button type="submit" onclick="searchWeb()" {
+                img src="./images/magnifying_glass.svg" alt="Info icon for error box";
+            }
     )
 }