style the search

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%);
+}