From cdd950746e1974d9db55df9a95ee11999f798a8e Mon Sep 17 00:00:00 2001
From: szarka <panic@szarka.org>
Date: Sat, 14 Dec 2024 17:53:20 +0000
Subject: [PATCH 1/4] Remove deprecated type attribute on style element

---
 www/coinbaser_top.html | 2 +-
 www/home.html          | 2 +-
 www/threads_top.html   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/www/coinbaser_top.html b/www/coinbaser_top.html
index 31c6d96..79dd27a 100644
--- a/www/coinbaser_top.html
+++ b/www/coinbaser_top.html
@@ -5,7 +5,7 @@
 	<title>DATUM Gateway Status</title>
 	<link rel="icon" type="image/x-icon" href="/assets/icons/favicon.ico">
 	<link rel="stylesheet" type="text/css" href="./assets/style.css">
-	<style type="text/css">
+	<style>
 		.table-wrapper {
 			justify-content: center;
 		}
diff --git a/www/home.html b/www/home.html
index 93e0487..ea8492e 100644
--- a/www/home.html
+++ b/www/home.html
@@ -5,7 +5,7 @@
 	<title>DATUM Gateway Status</title>
 	<link rel="icon" type="image/x-icon" href="/assets/icons/favicon.ico">
 	<link rel="stylesheet" type="text/css" href="./assets/style.css">
-	<style type="text/css">
+	<style>
 		.table-wrapper {
 			justify-content: center;
 		}
diff --git a/www/threads_top.html b/www/threads_top.html
index ffc5b84..d98fdf4 100644
--- a/www/threads_top.html
+++ b/www/threads_top.html
@@ -5,7 +5,7 @@
 	<title>DATUM Gateway Status</title>
 	<link rel="icon" type="image/x-icon" href="/assets/icons/favicon.ico">
 	<link rel="stylesheet" type="text/css" href="./assets/style.css">
-	<style type="text/css">
+	<style>
 		.table-wrapper {
 			justify-content: center;
 		}

From 2ab8b60dc9559a51ca2ab4725ad01b15226d7a1d Mon Sep 17 00:00:00 2001
From: szarka <panic@szarka.org>
Date: Sat, 14 Dec 2024 18:01:58 +0000
Subject: [PATCH 2/4] Center notes using CSS instead of obsolete CENTER element

---
 www/assets/style.css | 5 +++++
 www/foot.html        | 3 +--
 www/home.html        | 3 +--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/www/assets/style.css b/www/assets/style.css
index 3b379df..60df7af 100644
--- a/www/assets/style.css
+++ b/www/assets/style.css
@@ -138,3 +138,8 @@ td:not(.label) {
 .fixed-width {
 	font-family: "Courier New", Courier, monospace;
 }
+
+.note {
+	text-align: center;
+	font-size: small;
+}
diff --git a/www/foot.html b/www/foot.html
index 8059634..913006f 100644
--- a/www/foot.html
+++ b/www/foot.html
@@ -1,7 +1,6 @@
 			</div>
 		</div>
 	</div>
-	<BR>
-	<CENTER><SMALL>Note: This page does not automatically refresh</SMALL></CENTER>
+	<p class="note">Note: This page does not automatically refresh</p>
 </body>
 </html>
diff --git a/www/home.html b/www/home.html
index ea8492e..1b99bdf 100644
--- a/www/home.html
+++ b/www/home.html
@@ -170,7 +170,6 @@ <h2>Current Stratum Job</h2>
 		</div>
 		</div>
 	</div>
-	<BR>
-	<CENTER><SMALL>Note: This page does not automatically refresh</SMALL></CENTER>
+	<p class="note">Note: This page does not automatically refresh</p>
 </body>
 </html>

From 99dec4fa0e58d134e8d5712dc339a84410a83563 Mon Sep 17 00:00:00 2001
From: szarka <panic@szarka.org>
Date: Sat, 14 Dec 2024 18:07:43 +0000
Subject: [PATCH 3/4] Center active hashrate message using CSS instead of
 obsolete CENTER element

---
 src/datum_api.c      | 2 +-
 www/assets/style.css | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/datum_api.c b/src/datum_api.c
index 646c6e3..798c2e4 100644
--- a/src/datum_api.c
+++ b/src/datum_api.c
@@ -644,7 +644,7 @@ int datum_api_client_dashboard(struct MHD_Connection *connection) {
 		}
 	}
 	
-	sz += snprintf(&output[sz], max_sz-1-sz, "</TABLE><BR><CENTER>Total active hashrate estimate: %.2f Th/s</CENTER>", thr);
+	sz += snprintf(&output[sz], max_sz-1-sz, "</TABLE><p class=\"table-footer\">Total active hashrate estimate: %.2f Th/s</p>", thr);
 	sz += snprintf(&output[sz], max_sz-1-sz, "<script>function sendPostRequest(url, data){fetch(url,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(data)});}</script>");
 	sz += snprintf(&output[sz], max_sz-1-sz, "%s", www_foot_html);
 	
diff --git a/www/assets/style.css b/www/assets/style.css
index 60df7af..f711bf1 100644
--- a/www/assets/style.css
+++ b/www/assets/style.css
@@ -119,6 +119,11 @@ td:not(.label) {
 	background-color: black;
 }
 
+.table-footer {
+	text-align: center;
+	margin-top: 30px;
+}
+
 @media (min-width: 1100px) {
 	.table-wrapper {
 		flex-wrap: nowrap;

From c6d0568f0228cb4dcb676dcd69b89f50eedf8dcb Mon Sep 17 00:00:00 2001
From: szarka <panic@szarka.org>
Date: Sat, 14 Dec 2024 20:16:26 +0000
Subject: [PATCH 4/4] Add viewport meta tag to improve results on mobile

---
 www/clients_top.html   | 1 +
 www/coinbaser_top.html | 1 +
 www/home.html          | 1 +
 www/threads_top.html   | 1 +
 4 files changed, 4 insertions(+)

diff --git a/www/clients_top.html b/www/clients_top.html
index 7acbd16..45acdee 100644
--- a/www/clients_top.html
+++ b/www/clients_top.html
@@ -5,6 +5,7 @@
 	<title>DATUM Gateway Status</title>
 	<link rel="icon" type="image/x-icon" href="/assets/icons/favicon.ico">
 	<link rel="stylesheet" type="text/css" href="./assets/style.css">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 <body>
 	<div class="container">
diff --git a/www/coinbaser_top.html b/www/coinbaser_top.html
index 79dd27a..932021f 100644
--- a/www/coinbaser_top.html
+++ b/www/coinbaser_top.html
@@ -5,6 +5,7 @@
 	<title>DATUM Gateway Status</title>
 	<link rel="icon" type="image/x-icon" href="/assets/icons/favicon.ico">
 	<link rel="stylesheet" type="text/css" href="./assets/style.css">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<style>
 		.table-wrapper {
 			justify-content: center;
diff --git a/www/home.html b/www/home.html
index 1b99bdf..8042698 100644
--- a/www/home.html
+++ b/www/home.html
@@ -5,6 +5,7 @@
 	<title>DATUM Gateway Status</title>
 	<link rel="icon" type="image/x-icon" href="/assets/icons/favicon.ico">
 	<link rel="stylesheet" type="text/css" href="./assets/style.css">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<style>
 		.table-wrapper {
 			justify-content: center;
diff --git a/www/threads_top.html b/www/threads_top.html
index d98fdf4..49aa07f 100644
--- a/www/threads_top.html
+++ b/www/threads_top.html
@@ -5,6 +5,7 @@
 	<title>DATUM Gateway Status</title>
 	<link rel="icon" type="image/x-icon" href="/assets/icons/favicon.ico">
 	<link rel="stylesheet" type="text/css" href="./assets/style.css">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<style>
 		.table-wrapper {
 			justify-content: center;