X-Git-Url: https://git.jacobcasper.com/?p=brackets.git;a=blobdiff_plain;f=frontend%2Findex.js;h=423a64157d4db8595e50f17d0bdcbd7f06ed34c4;hp=6385dbec9fa82111531947800f18932b7afa5d96;hb=f512a462a87a7ddbe2163fc4359761eeac395145;hpb=59a851b34626bc2887f23590ac584e431959a1e6

diff --git a/frontend/index.js b/frontend/index.js
index 6385dbe..423a641 100644
--- a/frontend/index.js
+++ b/frontend/index.js
@@ -130,7 +130,9 @@ const drawBracket = (canvas, artists, genre) => {
     drawWinner(canvas);
     const [mid_x, mid_y] = getCenter(canvas);
     context.font = '28px sans serif'
-    context.strokeText(genre.toUpperCase(), mid_x - (28 * (genre.length / 3)), 40);
+    context.textAlign = "center";
+    context.strokeText(genre.toUpperCase(), mid_x, 40);
+    context.textAlign = "start";
     const [rect_width, rect_height] = getRectangleDimensions(canvas);
     const groups = 4;
     const rounds = Math.floor(Math.log2(artists.length / groups));