From 56a24c0a8d3623d2f30a28778adcb12936ff547b Mon Sep 17 00:00:00 2001
From: saml33 <slam.uke@gmail.com>
Date: Tue, 20 Sep 2022 09:57:58 +1000
Subject: [PATCH] add padding to account charts

---
 components/account/AccountPage.tsx | 59 ++++++++++++++++--------------
 1 file changed, 32 insertions(+), 27 deletions(-)

diff --git a/components/account/AccountPage.tsx b/components/account/AccountPage.tsx
index 3476a74c..89f3cdc9 100644
--- a/components/account/AccountPage.tsx
+++ b/components/account/AccountPage.tsx
@@ -324,34 +324,39 @@ const AccountPage = () => {
         />
       ) : null}
     </>
-  ) : chartToShow === 'account-value' ? (
-    <AccountChart
-      chartToShow="account-value"
-      data={performanceData}
-      hideChart={handleHideChart}
-      mangoAccount={mangoAccount!}
-      yKey="account_equity"
-    />
-  ) : chartToShow === 'pnl' ? (
-    <AccountChart
-      chartToShow="pnl"
-      data={performanceData}
-      hideChart={handleHideChart}
-      mangoAccount={mangoAccount!}
-      yKey="pnl"
-    />
   ) : (
-    <AccountChart
-      chartToShow="cumulative-interest-value"
-      data={performanceData.map((d) => ({
-        interest_value:
-          d.borrow_interest_cumulative_usd + d.deposit_interest_cumulative_usd,
-        time: d.time,
-      }))}
-      hideChart={handleHideChart}
-      mangoAccount={mangoAccount!}
-      yKey="interest_value"
-    />
+    <div className="p-6">
+      {chartToShow === 'account-value' ? (
+        <AccountChart
+          chartToShow="account-value"
+          data={performanceData}
+          hideChart={handleHideChart}
+          mangoAccount={mangoAccount!}
+          yKey="account_equity"
+        />
+      ) : chartToShow === 'pnl' ? (
+        <AccountChart
+          chartToShow="pnl"
+          data={performanceData}
+          hideChart={handleHideChart}
+          mangoAccount={mangoAccount!}
+          yKey="pnl"
+        />
+      ) : (
+        <AccountChart
+          chartToShow="cumulative-interest-value"
+          data={performanceData.map((d) => ({
+            interest_value:
+              d.borrow_interest_cumulative_usd +
+              d.deposit_interest_cumulative_usd,
+            time: d.time,
+          }))}
+          hideChart={handleHideChart}
+          mangoAccount={mangoAccount!}
+          yKey="interest_value"
+        />
+      )}
+    </div>
   )
 }