diff --git a/public/images/magnifying_glass.svg b/public/images/magnifying_glass.svg new file mode 100644 index 0000000..5793e02 --- /dev/null +++ b/public/images/magnifying_glass.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/static/themes/simple.css b/public/static/themes/simple.css index ff05d70..3990799 100644 --- a/public/static/themes/simple.css +++ b/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 { diff --git a/src/templates/partials/bar.rs b/src/templates/partials/bar.rs index 13f78a8..ebf89fe 100644 --- a/src/templates/partials/bar.rs +++ b/src/templates/partials/bar.rs @@ -16,6 +16,8 @@ pub fn bar(query: &str) -> Markup { html!( (PreEscaped("
")) 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"; + } ) }