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 = "";
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 = "";
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() {