display scores on outside of table for cribbage

diff --git a/site/modules/cribbage.js b/site/modules/cribbage.js
index 1f14fe92139f5ec0c208f86da576fcf82764232e..c3ce18f902e870ceec5c9ae6ff8d7eb1435691a6 100644 (file)
--- a/site/modules/cribbage.js
+++ b/site/modules/cribbage.js
@@ -53,12 +53,12 @@ export class Cribbage extends GameWithChat {
                 const seat = this.seats.get(username);
                 const angle = this.player_angle(seat);
                 const x = 240 - 180 * Math.sin(angle);
-                const y = 250 + 120 * Math.cos(angle) + 50 * Math.sign(Math.cos(angle));
+                const y = 240 + 120 * Math.cos(angle) + 60 * (Math.sign(Math.cos(angle)) || 1);
                 icon.setAttribute("x", x);
                 icon.setAttribute("y", y);
                 score.childNodes[0].nodeValue = this.scores.get(username);
-                score.setAttribute("x", 240 - 120 * Math.sin(angle));
-                score.setAttribute("y", 250 + 70 * Math.cos(angle));
+                score.setAttribute("x", x);
+                score.setAttribute("y", y + 20);
                 active.classList.toggle("active", active_player === username);
                 active.setAttribute("cx", x - 10);
                 active.setAttribute("cy", y - 5);