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() {