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)