From 1be27de3efb19505fc619bae4d926a6add52f9c9 Mon Sep 17 00:00:00 2001
From: kurt-liao <vermouth0226@gmail.com>
Date: Fri, 14 Oct 2022 21:50:07 +0800
Subject: [PATCH 1/2] fix: rank text seems not in the center of circle

---
 index.js                | 2 +-
 src/cards/stats-card.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.js b/index.js
index 0f15c77..f3bdc1a 100644
--- a/index.js
+++ b/index.js
@@ -25694,7 +25694,7 @@ const createTextNode = ({ imageBase64, name, rank, index, height }) => {
         <text class="stat bold">${name}</text>
       </g>
       <g data-testid="rank-circle" transform="translate(${offset}, 0)">
-        <circle class="rank-circle-rim" cx="12.5" cy="12.5" r="14" />
+        <circle class="rank-circle-rim" cx="14" cy="14" r="14" />
         <g class="rank-text">
           ${rankText}
         </g>
diff --git a/src/cards/stats-card.ts b/src/cards/stats-card.ts
index 4a44b6b..c6a602a 100644
--- a/src/cards/stats-card.ts
+++ b/src/cards/stats-card.ts
@@ -40,7 +40,7 @@ const createTextNode = ({ imageBase64, name, rank, index, height }) => {
         <text class="stat bold">${name}</text>
       </g>
       <g data-testid="rank-circle" transform="translate(${offset}, 0)">
-        <circle class="rank-circle-rim" cx="12.5" cy="12.5" r="14" />
+        <circle class="rank-circle-rim" cx="14" cy="14" r="14" />
         <g class="rank-text">
           ${rankText}
         </g>

From 0caef011d0daf6e7d31f0ca028b81b7bb5d76645 Mon Sep 17 00:00:00 2001
From: kurt-liao <vermouth0226@gmail.com>
Date: Fri, 14 Oct 2022 22:58:04 +0800
Subject: [PATCH 2/2] fix rank text not center

---
 index.js                | 6 +++---
 src/cards/stats-card.ts | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/index.js b/index.js
index f3bdc1a..70fc81d 100644
--- a/index.js
+++ b/index.js
@@ -25695,9 +25695,9 @@ const createTextNode = ({ imageBase64, name, rank, index, height }) => {
       </g>
       <g data-testid="rank-circle" transform="translate(${offset}, 0)">
         <circle class="rank-circle-rim" cx="14" cy="14" r="14" />
-        <g class="rank-text">
-          ${rankText}
-        </g>
+        <text x="14" y="14" class="rank-text" alignment-baseline="middle" text-anchor="middle">
+          ${rank}
+        </text>
       </g>
     </g>
   `;
diff --git a/src/cards/stats-card.ts b/src/cards/stats-card.ts
index c6a602a..9a46fd0 100644
--- a/src/cards/stats-card.ts
+++ b/src/cards/stats-card.ts
@@ -41,9 +41,9 @@ const createTextNode = ({ imageBase64, name, rank, index, height }) => {
       </g>
       <g data-testid="rank-circle" transform="translate(${offset}, 0)">
         <circle class="rank-circle-rim" cx="14" cy="14" r="14" />
-        <g class="rank-text">
-          ${rankText}
-        </g>
+        <text x="14" y="14" class="rank-text" alignment-baseline="middle" text-anchor="middle">
+          ${rank}
+        </text>
       </g>
     </g>
   `;