diff --git a/static/webui/script.js b/static/webui/script.js index 50838db4..a4696e14 100644 --- a/static/webui/script.js +++ b/static/webui/script.js @@ -147,12 +147,9 @@ function updateInventory() { event.preventDefault(); addGearExp("Suits", item.ItemId.$oid, 1_600_000 - item.XP); }; - a.textContent = "Make Rank 30"; + a.title = "Make Rank 30"; + a.innerHTML = ``; td.appendChild(a); - - const span = document.createElement("span"); - span.innerHTML = " · "; - td.appendChild(span); } { const a = document.createElement("a"); @@ -161,7 +158,8 @@ function updateInventory() { event.preventDefault(); disposeOfGear("Suits", item.ItemId.$oid); }; - a.textContent = "Remove"; + a.title = "Remove"; + a.innerHTML = ``; td.appendChild(a); } tr.appendChild(td); @@ -191,12 +189,9 @@ function updateInventory() { event.preventDefault(); addGearExp(category, item.ItemId.$oid, 800_000 - item.XP); }; - a.textContent = "Make Rank 30"; + a.title = "Make Rank 30"; + a.innerHTML = ``; td.appendChild(a); - - const span = document.createElement("span"); - span.innerHTML = " · "; - td.appendChild(span); } { const a = document.createElement("a"); @@ -205,7 +200,8 @@ function updateInventory() { event.preventDefault(); disposeOfGear(category, item.ItemId.$oid); }; - a.textContent = "Remove"; + a.title = "Remove"; + a.innerHTML = ``; td.appendChild(a); } tr.appendChild(td); @@ -247,14 +243,10 @@ function updateInventory() { }) ); a.target = "_blank"; - a.textContent = "View Stats"; + a.title = "View Stats"; + a.innerHTML = ``; td.appendChild(a); } - { - const span = document.createElement("span"); - span.innerHTML = " · "; - td.appendChild(span); - } { const a = document.createElement("a"); a.href = "#"; @@ -262,7 +254,8 @@ function updateInventory() { event.preventDefault(); disposeOfGear("Upgrades", item.ItemId.$oid); }; - a.textContent = "Remove"; + a.title = "Remove"; + a.innerHTML = ``; td.appendChild(a); } tr.appendChild(td); @@ -288,12 +281,9 @@ function updateInventory() { event.preventDefault(); setFingerprint(item.ItemType, item.ItemId, { lvl: maxRank }); }; - a.textContent = "Max Rank"; + a.title = "Max Rank"; + a.innerHTML = ``; td.appendChild(a); - - const span = document.createElement("span"); - span.innerHTML = " · "; - td.appendChild(span); } { const a = document.createElement("a"); @@ -302,7 +292,8 @@ function updateInventory() { event.preventDefault(); disposeOfGear("Upgrades", item.ItemId.$oid); }; - a.textContent = "Remove"; + a.title = "Remove"; + a.innerHTML = ``; td.appendChild(a); } tr.appendChild(td); @@ -333,14 +324,10 @@ function updateInventory() { event.preventDefault(); setFingerprint(item.ItemType, item.LastAdded, { lvl: maxRank }); }; - a.textContent = "Max Rank"; + a.title = "Max Rank"; + a.innerHTML = ``; td.appendChild(a); } - { - const span = document.createElement("span"); - span.innerHTML = " · "; - td.appendChild(span); - } { const a = document.createElement("a"); a.href = "#"; @@ -348,7 +335,8 @@ function updateInventory() { event.preventDefault(); disposeOfItems("Upgrades", item.ItemType, item.ItemCount); }; - a.textContent = "Remove"; + a.title = "Remove"; + a.innerHTML = ``; td.appendChild(a); } tr.appendChild(td); diff --git a/static/webui/style.css b/static/webui/style.css index 119d4fd2..341588cd 100644 --- a/static/webui/style.css +++ b/static/webui/style.css @@ -20,3 +20,10 @@ body:not(.logged-in) .nav-item.dropdown, body:not(.logged-in) #refresh-note { display: none; } + +td.text-end > a > svg { + fill: currentColor; + height: 1em; + margin-left: 0.5em; + margin-bottom: 4px; /* to centre the icon */ +}