From 9f58c746a90804501b7736f76dedb0f8d7b70c2f Mon Sep 17 00:00:00 2001
From: Herbert Wolverson <herberticus@gmail.com>
Date: Wed, 24 Jul 2024 08:43:52 -0500
Subject: [PATCH] Shaped devices page has more consistent colours.

---
 .../src/node_manager/js_build/src/shaped-devices.js      | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/rust/lqosd/src/node_manager/js_build/src/shaped-devices.js b/src/rust/lqosd/src/node_manager/js_build/src/shaped-devices.js
index 0416d78a..0c92ca68 100644
--- a/src/rust/lqosd/src/node_manager/js_build/src/shaped-devices.js
+++ b/src/rust/lqosd/src/node_manager/js_build/src/shaped-devices.js
@@ -120,13 +120,14 @@ function filterDevices() {
 function fillTable() {
     let table = make_table();
     let pages = document.createElement("div");
+    pages.classList.add("mt-2", "mb-1");
 
     let numPages = (displayDevices.length / devicesPerPage) - 2;
 
     if (numPages > 1) {
         if (page > 0) {
             let left = document.createElement("button");
-            left.classList.add("btn", "btn-sm", "btn-primary");
+            left.classList.add("btn", "btn-sm", "btn-secondary", "me-2");
             left.innerHTML = "<i class='fa fa-arrow-left'></i>";
             left.onclick = () => {
                 page -= 1;
@@ -135,11 +136,12 @@ function fillTable() {
             pages.appendChild(left);
         }
         let counter = document.createElement("span");
+        counter.classList.add("text-secondary");
         counter.innerText = page + " / " + numPages.toFixed(0);
         pages.appendChild(counter);
         if (page < numPages - 2) {
             let right = document.createElement("button");
-            right.classList.add("btn", "btn-sm", "btn-primary");
+            right.classList.add("btn", "btn-sm", "btn-secondary", "ms-2");
             right.innerHTML = "<i class='fa fa-arrow-right'></i>";
             right.onclick = () => {
                 page += 1;
@@ -151,6 +153,7 @@ function fillTable() {
 
     let filter = document.createElement("div");
     let label = document.createElement("label");
+    label.classList.add("text-secondary");
     label.innerText = "Search";
     label.htmlFor = "sdSearch";
     let sdSearch = document.createElement("input");
@@ -177,8 +180,8 @@ function fillTable() {
     let target = document.getElementById("deviceTable");
     clearDiv(target);
     target.appendChild(filter);
-    target.appendChild(table);
     target.appendChild(pages);
+    target.appendChild(table);
 }
 
 function countCircuits() {