diff --git a/static/app.js b/static/app.js
index deb3ea8..ef5c5c8 100644
--- a/static/app.js
+++ b/static/app.js
@@ -488,9 +488,9 @@ function actionCard(a) {
}
if (a.special === "recon") extra = `
+${a.recon} recon on the next event
`;
const temple = S.city.buildings.temple?.level || 0;
- if (a.special === "labour") extra = `๐๏ธ +${me.labour_per_action} labour per action
`;
+ if (a.special === "labour") extra = `${skillOf("construction").icon} +${me.labour_per_action} labour per action
`;
if (a.special === "bury") extra = `${skillOf("prayer").icon} +${a.pp + temple} prayer points
`;
- if (a.special === "offer") extra = `โช +${+(a.devotion * (1 + 0.25 * temple)).toFixed(1)} devotion for the city's ward
`;
+ if (a.special === "offer") extra = `${C.buildings.temple.icon} +${+(a.devotion * (1 + 0.25 * temple)).toFixed(1)} devotion for the city's ward
`;
const made = Object.keys(a.outputs).map(itemStats).filter(Boolean);
if (made.length) extra += `${made.join(" ยท ")}
`;
return `
@@ -646,11 +646,11 @@ function siteBanner() {
const hire = S.favours.builders;
const working = me.action?.id === "labour";
const builders = S.players.filter((p) => p.skill === "construction" && p.doing === "Work on the building site").map((p) => esc(p.name));
- return `๐๏ธ
+ return `
${skillOf("construction").icon}
${work.repair ? "Repairing" : "Building"} ${esc(spec.name)}
${fmt(work.labour)} / ${fmt(work.needed)} labour
- ${working ? `You're working on it` : ``}
+ ${working ? `Working` : ``}
${hire.why ? "" : ``}
diff --git a/static/styles.css b/static/styles.css
index 6e3c750..b8cf834 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -153,7 +153,7 @@ main { padding: 24px; max-width: 1200px; width: 100%; }
.btn.danger { background: #6b2f2f; border-color: #8a3f3f; }
.btn.gold { background: #6b5320; border-color: #8f6f2a; }
.btn.sm { padding: 3px 9px; font-size: 13px; }
-.btns { display: flex; flex-wrap: wrap; gap: 6px; }
+.btns { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
input[type=text], input[type=number], textarea {
background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 7px 10px;
@@ -404,3 +404,5 @@ button.sheet-skill:hover { background: var(--panel-2); }
.nav .ic .gi { width: 20px; height: 20px; vertical-align: middle; }
.credit { margin: 14px 18px 0; font-size: 11.5px; color: var(--muted); }
.credit a { color: var(--muted); }
+.btn.working { color: var(--good); border-color: rgba(92, 191, 106, .5); background: rgba(92, 191, 106, .1); cursor: default; }
+.banner-ico { font-size: 22px; display: flex; }