diff --git a/src/templates/admin.rs b/src/templates/admin.rs index b2eaab8..cc9aff7 100644 --- a/src/templates/admin.rs +++ b/src/templates/admin.rs @@ -45,7 +45,7 @@ pub async fn admin_template(cookies: CookieJar) -> (StatusCode, Markup) { body { header style="display: flex; align-items: center;" { a href="/" { - img.logo src="/static/logo.png" style="height: 48px; width: 48px" alt="Logo"; + img.logo src="/static/logo.png" alt="Logo"; } h1 style="margin-bottom: 16px; margin-left: 16px; padding: 16px" { (CONFIG.get().unwrap().lock().await.instance_name) " - Admin" } diff --git a/src/templates/index.rs b/src/templates/index.rs index 007f514..3a8c0b6 100644 --- a/src/templates/index.rs +++ b/src/templates/index.rs @@ -31,7 +31,7 @@ pub async fn index_template(cookies: CookieJar) -> (StatusCode, Markup) { body { header style="display: flex; align-items: center;" { a href="/" { - img.logo src="/static/logo.png" style="height: 48px; width: 48px" alt="Logo"; + img.logo src="/static/logo.png" alt="Logo"; } h1 style="margin-bottom: 16px; margin-left: 16px; padding: 16px" { (CONFIG.get().unwrap().lock().await.instance_name) } diff --git a/src/templates/mod.rs b/src/templates/mod.rs index b70c77b..c940d13 100644 --- a/src/templates/mod.rs +++ b/src/templates/mod.rs @@ -25,7 +25,8 @@ r#""#, "input { min-width: 30%; display: block; }", "label { margin-down: 3px; display: block; }", "}", - ".logo { image-rendering: pixelated }", + ".logo { image-rendering: pixelated; margin-bottom: 0; height: 48px }", + "header { padding-top: 0.5rem; padding-bottom: 0.2rem; }", "" )); diff --git a/src/templates/monitor.rs b/src/templates/monitor.rs index 8d0b841..f360cba 100644 --- a/src/templates/monitor.rs +++ b/src/templates/monitor.rs @@ -182,6 +182,7 @@ pub async fn monitor_template(monitor_id: Path, cookies: CookieJar) -> (Sta }; let render = html!( + (DOCTYPE) html { head { (HTML_HEADER_GLOB) @@ -199,8 +200,9 @@ pub async fn monitor_template(monitor_id: Path, cookies: CookieJar) -> (Sta header style="display: flex; align-items: center;" { a href="/" { - img.logo src="/static/logo.png" style="height: 48px; width: 48px" alt="Logo"; + img.logo src="/static/logo.png" alt="Logo"; } + h1 style="margin-bottom: 16px; margin-left: 16px; padding: 16px" { "Monitor info: " (mon_name) } } (render_monitor_info(monitor, *monitor_id).await)