From e72873f49969ccd73fbd9408321a598079cbd049 Mon Sep 17 00:00:00 2001 From: metamuffin Date: Wed, 24 Jan 2024 09:14:02 +0100 Subject: style the search --- server/src/routes/ui/search.rs | 6 +++--- web/style/layout.css | 10 ++++++++++ 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/server/src/routes/ui/search.rs b/server/src/routes/ui/search.rs index dc90df1..eb222c9 100644 --- a/server/src/routes/ui/search.rs +++ b/server/src/routes/ui/search.rs @@ -56,12 +56,12 @@ pub async fn r_search<'a>( Ok(LayoutPage { title: "Search".to_string(), - class: None, + class: Some("search"), content: markup::new! { h1 { "Search" } form[action="", method="GET"] { - input[type="text", name="query"]; - input[type="submit"]; + input[type="text", name="query", placeholder="Search Term"]; + input[type="submit", value="Search"]; } @if let Some(results) = &results { h2 { "Results" } diff --git a/web/style/layout.css b/web/style/layout.css index b261781..0dc5aed 100644 --- a/web/style/layout.css +++ b/web/style/layout.css @@ -144,3 +144,13 @@ summary h3 { margin: 0; } } + +.search h1 { + text-align: center; +} +.search form { + text-align: center; +} +.search form input[type="text"] { + width: max(10em, 40%); +} -- cgit v1.2.3-70-g09d2