From c17ecc770b56106b6fe509834aef2d883741a905 Mon Sep 17 00:00:00 2001
From: csrapr <26280794+csrapr@users.noreply.github.com>
Date: Fri, 12 Feb 2021 13:58:50 +0000
Subject: [PATCH] Fix: profit and percentage chart labels margin

---
 .../Dashboard/SystemPerformance/SystemPerformance.js      | 8 +++++---
 .../SystemPerformance/SystemPerformance.styles.js         | 4 ++++
 new-lamassu-admin/src/styling/icons/dashboard/down.svg    | 2 +-
 new-lamassu-admin/src/styling/icons/dashboard/equal.svg   | 2 +-
 new-lamassu-admin/src/styling/icons/dashboard/up.svg      | 2 +-
 5 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.js b/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.js
index b8242396..f6826bce 100644
--- a/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.js
+++ b/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.js
@@ -202,7 +202,9 @@ const SystemPerformance = () => {
           </Grid>
           <Grid container className={classes.gridContainer}>
             <Grid item xs={8}>
-              <Label2>Profit from commissions</Label2>
+              <Label2 className={classes.labelMargin}>
+                Profit from commissions
+              </Label2>
               <div className={classes.profitContainer}>
                 <div className={classes.profitLabel}>
                   {`${getProfit(transactionsToShow)} ${
@@ -223,8 +225,8 @@ const SystemPerformance = () => {
             </Grid>
             <Grid item xs={4}>
               <Grid container>
-                <Grid item style={{ marginRight: 34 }}>
-                  <Label2>Direction</Label2>
+                <Grid item>
+                  <Label2 className={classes.labelMargin}>Direction</Label2>
                 </Grid>
                 <Grid
                   item
diff --git a/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.styles.js b/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.styles.js
index eeaa561f..f68912a1 100644
--- a/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.styles.js
+++ b/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.styles.js
@@ -130,6 +130,10 @@ const styles = {
     height: 16,
     marginBottom: -2,
     marginRight: 4
+  },
+  labelMargin: {
+    marginBottom: 20,
+    marginRight: 32
   }
 }
 
diff --git a/new-lamassu-admin/src/styling/icons/dashboard/down.svg b/new-lamassu-admin/src/styling/icons/dashboard/down.svg
index f99d37d4..497eb245 100644
--- a/new-lamassu-admin/src/styling/icons/dashboard/down.svg
+++ b/new-lamassu-admin/src/styling/icons/dashboard/down.svg
@@ -9,4 +9,4 @@
             </g>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/new-lamassu-admin/src/styling/icons/dashboard/equal.svg b/new-lamassu-admin/src/styling/icons/dashboard/equal.svg
index c277c866..a37df157 100644
--- a/new-lamassu-admin/src/styling/icons/dashboard/equal.svg
+++ b/new-lamassu-admin/src/styling/icons/dashboard/equal.svg
@@ -9,4 +9,4 @@
             <line x1="0" y1="3" x2="4" y2="3" id="Line-12"></line>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/new-lamassu-admin/src/styling/icons/dashboard/up.svg b/new-lamassu-admin/src/styling/icons/dashboard/up.svg
index 74bb17cb..08357739 100644
--- a/new-lamassu-admin/src/styling/icons/dashboard/up.svg
+++ b/new-lamassu-admin/src/styling/icons/dashboard/up.svg
@@ -9,4 +9,4 @@
             </g>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>