From 49fd5b14fb66fdb728f550232f3a3c5025efe3df Mon Sep 17 00:00:00 2001
From: 4cuck <40539855+4cuck@users.noreply.github.com>
Date: Tue, 9 Dec 2025 23:34:03 +0100
Subject: [PATCH] fixup missing styles for dygraph

---
 server/templates/dygraph_fix.html.j2     | 13 +++++++++++++
 server/templates/instance_errors.html.j2 |  2 ++
 server/templates/instance_stats.html.j2  | 17 +++--------------
 3 files changed, 18 insertions(+), 14 deletions(-)
 create mode 100644 server/templates/dygraph_fix.html.j2

diff --git a/server/templates/dygraph_fix.html.j2 b/server/templates/dygraph_fix.html.j2
new file mode 100644
index 0000000..1aac667
--- /dev/null
+++ b/server/templates/dygraph_fix.html.j2
@@ -0,0 +1,13 @@
+    <style>
+      .dygraph-annotation {
+        height: auto !important;
+      }
+
+      .dygraph-axis-label {
+        color: white;
+      }
+
+      .dygraph-legend {
+        background-color: #101015;
+      }
+    </style>
diff --git a/server/templates/instance_errors.html.j2 b/server/templates/instance_errors.html.j2
index ec9b38d..0862712 100644
--- a/server/templates/instance_errors.html.j2
+++ b/server/templates/instance_errors.html.j2
@@ -4,6 +4,8 @@
   <head>
     <meta charset="utf-8">
     <link href="/static/bootstrap.min.css" rel="stylesheet">
+    <link href="/static/dygraph.min.css" rel="stylesheet">
+    {% include "dygraph_fix.html.j2" %}
     <meta name="robots" content="noindex,nofollow" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="" />
diff --git a/server/templates/instance_stats.html.j2 b/server/templates/instance_stats.html.j2
index ec1d78b..f76ceba 100644
--- a/server/templates/instance_stats.html.j2
+++ b/server/templates/instance_stats.html.j2
@@ -4,27 +4,16 @@
   <head>
     <meta charset="utf-8">
     <link href="/static/bootstrap.min.css" rel="stylesheet">
+    <link href="/static/dygraph.min.css" rel="stylesheet">
+    {% include "dygraph_fix.html.j2" %}
     <meta name="robots" content="noindex,nofollow" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="" />
     <title>Stats | {{HOST_DOMAIN}}</title>
-    <style>
-    .dygraph-annotation {
-      height: auto !important;
-    }
-
-    .dygraph-axis-label {
-      color: white;
-    }
-
-    .dygraph-legend {
-      background-color: #101015;
-    }
-  </style>
   </head>
   <body id="body" data-hid="{{HOST_ID}}">
     <div class="container">
-    <h1>Instance Stats</h1>
+    <h2>Statistics | {{HOST_DOMAIN}}</h2>
     <p><a href="/admin">Overview</a> <a href="/admin/logout">Logout</a> <a href="/admin/login">Add more instances</a></p>
     <noscript>History feature works only with javascript enabled.</noscript>
     <div class="container">