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 */
+}