diff --git a/static/css/style.css b/static/css/style.css
index 5c81844..1547300 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -251,6 +251,7 @@ table#board {
}
.dir-pill.up { background: #216e37; color: #b8f5c6; }
.dir-pill.down { background: #8f2f29; color: #ffd0ca; }
+.dir-pill.far { background: #b3362f; color: #ffd6c6; }
/* FSK Badge */
.fsk {
diff --git a/static/js/game.js b/static/js/game.js
index 680429e..2f144ed 100644
--- a/static/js/game.js
+++ b/static/js/game.js
@@ -287,22 +287,21 @@
return `${formatMoney(row.value)}${arrowMoney(row.direction, row.diff)}`;
}
- // Pfeil mit Zahl (z.B. Jahr): ▲ 5 / ▼ 3
+ // Pfeil nur (z.B. Jahr): ▲ / ▼ – bei >6 Jahren Abweichung in Rot
function arrowDiff(dir, diff) {
if (dir === "equal" || diff == null) return "";
const cls = dir === "up" ? "up" : "down";
const gly = dir === "up" ? "▲" : "▼";
- return `${gly} ${Math.abs(diff)}`;
+ const far = Math.abs(diff) > 6 ? " far" : "";
+ return `${gly}`;
}
- // Pfeil mit Differenz in Geld (Budget)
+ // Pfeil nur (Budget): ▲ / ▼
function arrowMoney(dir, diff) {
if (dir === "equal" || diff == null) return "";
const cls = dir === "up" ? "up" : "down";
const gly = dir === "up" ? "▲" : "▼";
- const n = Math.abs(diff);
- const txt = n >= 1000000 ? (n / 1000000).toFixed(0) + " Mio $" : Math.round(n / 1000) + " Tsd $";
- return `${gly} ${txt}`;
+ return `${gly}`;
}
function cell(inner, status) {