From 2461e2aad72f6c34b0babb506d709044b7e5d9cf Mon Sep 17 00:00:00 2001
From: TheWitness <thewitness@cacti.net>
Date: Wed, 7 Oct 2026 16:06:51 -0400
Subject: [PATCH 1/2] Pin status legends to the bottom of the page (match
 MacTrack)

Wrap the thold, host and log legend renders in the same fixed-position footer container MacTrack uses, so the legend stays pinned to the bottom of the viewport instead of scrolling away with the list.
---
 thold.php       |  4 ++++
 thold_graph.php | 12 ++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/thold.php b/thold.php
index 26934a1e..5b352e80 100644
--- a/thold.php
+++ b/thold.php
@@ -1158,8 +1158,12 @@ function clearFilter() {
 		print $nav;
 	}
 
+	print '<div class="center" style="position:fixed;left:0;bottom:0;display:table;margin-left:auto;margin-right:auto;width:100%;">';
+
 	thold_legend();
 
+	print '</div>';
+
 	draw_actions_dropdown($thold_actions);
 
 	if (isset($host_id) && $host_id != '') {
diff --git a/thold_graph.php b/thold_graph.php
index 5676d8c9..83a13dc4 100644
--- a/thold_graph.php
+++ b/thold_graph.php
@@ -834,8 +834,12 @@ function tholds() {
 		print $nav;
 	}
 
+	print '<div class="center" style="position:fixed;left:0;bottom:0;display:table;margin-left:auto;margin-right:auto;width:100%;">';
+
 	thold_legend();
 
+	print '</div>';
+
 	// thold_display_rusage();
 }
 
@@ -1220,8 +1224,12 @@ function hosts() {
 		print $nav;
 	}
 
+	print '<div class="center" style="position:fixed;left:0;bottom:0;display:table;margin-left:auto;margin-right:auto;width:100%;">';
+
 	host_legend();
 
+	print '</div>';
+
 	// thold_display_rusage();
 }
 
@@ -1716,7 +1724,11 @@ function thold_show_log() {
 		print $nav;
 	}
 
+	print '<div class="center" style="position:fixed;left:0;bottom:0;display:table;margin-left:auto;margin-right:auto;width:100%;">';
+
 	log_legend();
+
+	print '</div>';
 }
 
 /**

From 49d25f89af0effbe348eb004f8beb01d90f694cd Mon Sep 17 00:00:00 2001
From: TheWitness <1439914+TheWitness@users.noreply.github.com>
Date: Wed, 7 Oct 2026 16:39:33 -0400
Subject: [PATCH 2/2] Use a CSS class for the legend footer instead of inline
 styles

Replace the inline fixed-position wrapper around the status legend with a
plugin-specific *LegendFooter class defined in the plugin's stylesheet. The
class lays the legend out as a centered footer in normal document flow, so it
no longer sits outside flow and overlay the final rows, pagination, or action
controls at the bottom of the page.
---
 css/classic.css     | 8 ++++++++
 css/dark.css        | 8 ++++++++
 css/deepness.css    | 8 ++++++++
 css/midwinter.css   | 8 ++++++++
 css/modern.css      | 8 ++++++++
 css/paper-plane.css | 8 ++++++++
 css/paw.css         | 8 ++++++++
 css/sunrise.css     | 8 ++++++++
 thold.php           | 2 +-
 thold_graph.php     | 6 +++---
 10 files changed, 68 insertions(+), 4 deletions(-)

diff --git a/css/classic.css b/css/classic.css
index d052cae1..005fdbd6 100644
--- a/css/classic.css
+++ b/css/classic.css
@@ -296,6 +296,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/dark.css b/css/dark.css
index 1e8073d1..e89f45f2 100644
--- a/css/dark.css
+++ b/css/dark.css
@@ -318,6 +318,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/deepness.css b/css/deepness.css
index 140cb79f..ef4fa64c 100644
--- a/css/deepness.css
+++ b/css/deepness.css
@@ -318,6 +318,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/midwinter.css b/css/midwinter.css
index a4d7e37b..673822f8 100644
--- a/css/midwinter.css
+++ b/css/midwinter.css
@@ -318,6 +318,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/modern.css b/css/modern.css
index d1368bf2..f88d06bd 100644
--- a/css/modern.css
+++ b/css/modern.css
@@ -312,6 +312,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/paper-plane.css b/css/paper-plane.css
index 738f9655..ae9889e9 100644
--- a/css/paper-plane.css
+++ b/css/paper-plane.css
@@ -292,6 +292,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/paw.css b/css/paw.css
index c22f9e85..6132b834 100644
--- a/css/paw.css
+++ b/css/paw.css
@@ -318,6 +318,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/sunrise.css b/css/sunrise.css
index 8ca0d2c4..c2879120 100644
--- a/css/sunrise.css
+++ b/css/sunrise.css
@@ -318,6 +318,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/thold.php b/thold.php
index 5b352e80..8f9aeaa4 100644
--- a/thold.php
+++ b/thold.php
@@ -1158,7 +1158,7 @@ function clearFilter() {
 		print $nav;
 	}
 
-	print '<div class="center" style="position:fixed;left:0;bottom:0;display:table;margin-left:auto;margin-right:auto;width:100%;">';
+	print '<div class="center tholdLegendFooter">';
 
 	thold_legend();
 
diff --git a/thold_graph.php b/thold_graph.php
index 83a13dc4..bb1f23ea 100644
--- a/thold_graph.php
+++ b/thold_graph.php
@@ -834,7 +834,7 @@ function tholds() {
 		print $nav;
 	}
 
-	print '<div class="center" style="position:fixed;left:0;bottom:0;display:table;margin-left:auto;margin-right:auto;width:100%;">';
+	print '<div class="center tholdLegendFooter">';
 
 	thold_legend();
 
@@ -1224,7 +1224,7 @@ function hosts() {
 		print $nav;
 	}
 
-	print '<div class="center" style="position:fixed;left:0;bottom:0;display:table;margin-left:auto;margin-right:auto;width:100%;">';
+	print '<div class="center tholdLegendFooter">';
 
 	host_legend();
 
@@ -1724,7 +1724,7 @@ function thold_show_log() {
 		print $nav;
 	}
 
-	print '<div class="center" style="position:fixed;left:0;bottom:0;display:table;margin-left:auto;margin-right:auto;width:100%;">';
+	print '<div class="center tholdLegendFooter">';
 
 	log_legend();