From abd0913e9b66cd9f8fc9480d3d0f351950023d8d Mon Sep 17 00:00:00 2001
From: Mike Cao <moocao@gmail.com>
Date: Fri, 10 May 2024 14:06:13 -0700
Subject: [PATCH] Updated goals chart.

---
 src/app/(main)/reports/goals/GoalsChart.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/(main)/reports/goals/GoalsChart.tsx b/src/app/(main)/reports/goals/GoalsChart.tsx
index 910f138c..24760234 100644
--- a/src/app/(main)/reports/goals/GoalsChart.tsx
+++ b/src/app/(main)/reports/goals/GoalsChart.tsx
@@ -25,13 +25,6 @@ export function GoalsChart({ className }: { className?: string; isLoading?: bool
                 </span>
                 <span className={styles.item}>{value}</span>
               </div>
-              <div className={styles.metric}>
-                <div className={styles.value}>
-                  {formatLongNumber(result)}
-                  <span className={styles.total}> / {formatLongNumber(goal)}</span>
-                </div>
-                <div className={styles.percent}>{((result / goal) * 100).toFixed(2)}%</div>
-              </div>
               <div className={styles.track}>
                 <div
                   className={classNames(
@@ -46,6 +39,13 @@ export function GoalsChart({ className }: { className?: string; isLoading?: bool
                   style={{ width: `${percent}%` }}
                 ></div>
               </div>
+              <div className={styles.metric}>
+                <div className={styles.value}>
+                  {formatLongNumber(result)}
+                  <span className={styles.total}> / {formatLongNumber(goal)}</span>
+                </div>
+                <div className={styles.percent}>{((result / goal) * 100).toFixed(2)}%</div>
+              </div>
             </div>
           </div>
         );