diff --git a/source/Background/index.ts b/source/Background/index.ts
index 6c9e647..cb0ff5c 100644
--- a/source/Background/index.ts
+++ b/source/Background/index.ts
@@ -1,6 +1 @@
-import { browser } from "webextension-polyfill-ts";
-import TraderRepository from "../ContentScript/trader-repository";
-
-browser.runtime.onInstalled.addListener((): void => {
- TraderRepository.refreshGlobalTradersStorage();
-});
+export {};
diff --git a/source/ContentScript/element-factories/owns-badge.ts b/source/ContentScript/element-factories/owns-badge.ts
index 747f260..3f0fe8e 100644
--- a/source/ContentScript/element-factories/owns-badge.ts
+++ b/source/ContentScript/element-factories/owns-badge.ts
@@ -11,7 +11,20 @@ export default class OwnsBadge {
let recordings = trader.wantsCount === 1 ? "recording" : "recordings";
- badge.innerHTML = `Owns ${trader.ownsCount} ${recordings} that I want`;
+ let span1 = document.createElement("span");
+ span1.innerText = "Owns ";
+
+ let strong = document.createElement("strong");
+ strong.style.fontWeight = "semibold";
+ strong.style.color = "#0f172a";
+ strong.innerText = `${trader.ownsCount} ${recordings}`;
+
+ let span2 = document.createElement("span");
+ span2.innerText = " that I want";
+
+ badge.appendChild(span1);
+ badge.appendChild(strong);
+ badge.appendChild(span2);
return badge;
}
diff --git a/source/ContentScript/element-factories/owns-column.ts b/source/ContentScript/element-factories/owns-column.ts
index 5b215fb..28eacde 100644
--- a/source/ContentScript/element-factories/owns-column.ts
+++ b/source/ContentScript/element-factories/owns-column.ts
@@ -17,7 +17,15 @@ export default class OwnsColumn {
let a = document.createElement("a");
a.target = "_blank";
a.href = trader.ownsList ?? "#";
- a.innerHTML = `${count} `;
+
+ let span = document.createElement("span");
+ span.innerText = count.toString() + " ";
+
+ let i = document.createElement("i");
+ i.classList.add("fad", "fa-arrow-down-left-from-square");
+
+ a.appendChild(span);
+ a.appendChild(i);
td.appendChild(a);
diff --git a/source/ContentScript/element-factories/wants-badge.ts b/source/ContentScript/element-factories/wants-badge.ts
index 338ed89..b303cfc 100644
--- a/source/ContentScript/element-factories/wants-badge.ts
+++ b/source/ContentScript/element-factories/wants-badge.ts
@@ -11,7 +11,20 @@ export default class WantsBadge {
let recordings = trader.wantsCount === 1 ? "recording" : "recordings";
- badge.innerHTML = `Wants ${trader.wantsCount} ${recordings} that I own`;
+ let span1 = document.createElement("span");
+ span1.innerText = "Wants ";
+
+ let strong = document.createElement("strong");
+ strong.style.fontWeight = "semibold";
+ strong.style.color = "#0f172a";
+ strong.innerText = `${trader.wantsCount} ${recordings}`;
+
+ let span2 = document.createElement("span");
+ span2.innerText = " that I own";
+
+ badge.appendChild(span1);
+ badge.appendChild(strong);
+ badge.appendChild(span2);
return badge;
}
diff --git a/source/ContentScript/element-factories/wants-column.ts b/source/ContentScript/element-factories/wants-column.ts
index f499fae..779bc89 100644
--- a/source/ContentScript/element-factories/wants-column.ts
+++ b/source/ContentScript/element-factories/wants-column.ts
@@ -17,7 +17,15 @@ export default class WantsColumn {
let a = document.createElement("a");
a.target = "_blank";
a.href = trader.wantsList ?? "#";
- a.innerHTML = `${count} `;
+
+ let span = document.createElement("span");
+ span.innerText = count.toString() + " ";
+
+ let i = document.createElement("i");
+ i.classList.add("fad", "fa-arrow-down-left-from-square");
+
+ a.appendChild(span);
+ a.appendChild(i);
td.appendChild(a);