Changed the layout a bit

1 files changed, 2 insertions, 2 deletions

diff --git a/game.mjs b/game.mjs
index d5000c3..45efb81 100644
--- a/game.mjs
+++ b/game.mjs
@@ -10,7 +10,7 @@ class Team {
     console.log(this.playerOne + " and " + this.playerTwo);
   }
   render() {
-    return `<td style="width: 23%;">${this.playerOne}</td><td style="width: 23%;">${this.playerTwo}</td>`;
+    return `<td style="width: 23%; text-align: right;">${this.playerOne}</td><td style="width: 23%; text-align: left;">${this.playerTwo}</td>`;
   }
 }
 
@@ -28,7 +28,7 @@ class Game {
   render() {
     let type =
       this.team_1.playerOne === "RESERVED" ? `class="is-danger is-dark"` : ``;
-    return `<tr ${type}><td align="center" style="width: 8%;">${
+    return `<tr ${type}><td style="width: 8%; text-align: center;">${
       this.courtId + 1
     }</td>${this.team_1.render()}${this.team_2.render()}</tr>`;
   }