diff --git a/js/ui/JobBoardWindow.js b/js/ui/JobBoardWindow.js index 4002857..6aa733a 100644 --- a/js/ui/JobBoardWindow.js +++ b/js/ui/JobBoardWindow.js @@ -568,6 +568,7 @@ export class JobBoardWindow extends Phaser.GameObjects.Container { letterSpacing: 1.5, }) .setScrollFactor(0); + this.add(title); const sub = s .text( rightX + 32, @@ -576,6 +577,7 @@ export class JobBoardWindow extends Phaser.GameObjects.Container { { fontFamily: BODY, fontSize: '9px', color: toCss(C.faint), letterSpacing: 2 }, ) .setScrollFactor(0); + this.add(sub); // The row's right end: the payout while open, the ledger's mark once // taken (the state is read off the seams at repaint — the ledger is // the truth, the scene's refresh() lands it after each action). @@ -609,6 +611,7 @@ export class JobBoardWindow extends Phaser.GameObjects.Container { }) .setOrigin(1, 0) .setScrollFactor(0); + this.add(right); const paint = () => { g.clear(); @@ -714,6 +717,7 @@ export class JobBoardWindow extends Phaser.GameObjects.Container { letterSpacing: 2, }) .setScrollFactor(0); + this.add(title); const issuer = s .text(rightX + 14, py + 34, `ISSUER — ${String(sel.issuer ?? '').toUpperCase()}`, { fontFamily: BODY, @@ -722,6 +726,7 @@ export class JobBoardWindow extends Phaser.GameObjects.Container { letterSpacing: 2, }) .setScrollFactor(0); + this.add(issuer); // The contract's LINES (the patrol's shape — the other categories', // when they land, add their own): the DESTINATION (a patrol whose // route stands in ANOTHER system — the posting names the target), @@ -792,9 +797,10 @@ export class JobBoardWindow extends Phaser.GameObjects.Container { fontSize: '10.5px', color: toCss(C.dim), lineSpacing: 3, - wordWrap: { width: wrapW }, + wordWrap: wrapW, }) .setScrollFactor(0); + this.add(body); const payout = s .text(rightX + 14, py + ph - 46, `PAYOUT — ${sel.reward?.credits ?? 0} ${String(ui.rewardUnit ?? 'CR')}`, { fontFamily: BODY, @@ -804,6 +810,7 @@ export class JobBoardWindow extends Phaser.GameObjects.Container { letterSpacing: 2, }) .setScrollFactor(0); + this.add(payout); // the ACTION door (full-width bar — the console's action shape; its // state off the ledger's seams: open → accepted → active → complete