From e6d1aac27ab99073725bf201c15663cfbe3bbd29 Mon Sep 17 00:00:00 2001
From: evanpelle <evanpelle@gmail.com>
Date: Thu, 5 Sep 2024 19:26:30 -0700
Subject: [PATCH] moved troup ui to top center of screen

---
 src/client/graphics/UIRenderer.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/client/graphics/UIRenderer.ts b/src/client/graphics/UIRenderer.ts
index f4ebc936d..fb2da610b 100644
--- a/src/client/graphics/UIRenderer.ts
+++ b/src/client/graphics/UIRenderer.ts
@@ -47,16 +47,16 @@ export class UIRenderer {
         document.body.appendChild(this.exitButton);
     }
 
-    render(context) {
+    render(context: CanvasRenderingContext2D) {
         const p = this.game.players().find(p => p.clientID() == this.clientID);
         let troopCount = p ? `${renderTroops(p.troops())}` : '';
 
         context.save();
-        context.fillStyle = 'black';
+        context.fillStyle = 'rgba(0, 0, 0, 0.7)'; // Black with 70% opacity
         context.textAlign = 'center';
         context.textBaseline = 'top';
 
-        const x = 65 + 18 * (troopCount.length - 2); // Right edge of the text area
+        const x = context.canvas.width / 2; // Center horizontally
         const y = 40; // Distance from the top
 
         context.font = `bold ${60}px ${this.theme.font()}`;