From 3822e49591c3a140db91fc7e0340a2fa24cc7416 Mon Sep 17 00:00:00 2001
From: gingervitis <omqmail@gmail.com>
Date: Sat, 28 Nov 2020 18:14:08 -0800
Subject: [PATCH] fix chart margins

---
 web/pages/components/chart.tsx | 25 +++++++++++++------------
 web/pages/hardware-info.tsx    |  4 +---
 web/pages/viewer-info.tsx      |  4 +---
 web/styles/globals.scss        |  4 ----
 4 files changed, 15 insertions(+), 22 deletions(-)

diff --git a/web/pages/components/chart.tsx b/web/pages/components/chart.tsx
index 6dc48e7bd..977ebdbd4 100644
--- a/web/pages/components/chart.tsx
+++ b/web/pages/components/chart.tsx
@@ -1,6 +1,6 @@
 import { LineChart } from 'react-chartkick'
 import styles from '../../styles/styles.module.css';
-import 'chart.js'
+import 'chart.js';
 
 const defaultProps = {
   active: false,
@@ -49,17 +49,18 @@ export default function Chart({ data, title, color, unit, dataCollections }: Cha
   });
 
   return (
-    <LineChart
-    className={styles.lineChartContainer}
-    xtitle="Time"
-    ytitle={title}
-    suffix={unit}
-    legend="bottom"
-    color={color}
-    data={renderData}
-    download={title}
-    />
-  )
+    <div className={styles.lineChartContainer}>
+      <LineChart
+        xtitle="Time"
+        ytitle={title}
+        suffix={unit}
+        legend="bottom"
+        color={color}
+        data={renderData}
+        download={title}
+      />
+    </div>
+  );
 }
 
 Chart.defaultProps = {
diff --git a/web/pages/hardware-info.tsx b/web/pages/hardware-info.tsx
index 2185f2ff9..159c3fa8d 100644
--- a/web/pages/hardware-info.tsx
+++ b/web/pages/hardware-info.tsx
@@ -100,9 +100,7 @@ const series = [
             />
           </Row>
 
-          <div className="chart-container">
-            <Chart title="% used" dataCollections={series} color="#FF7700" unit="%" />
-          </div>
+          <Chart title="% used" dataCollections={series} color="#FF7700" unit="%" />
         </div>
       </div>
     );
diff --git a/web/pages/viewer-info.tsx b/web/pages/viewer-info.tsx
index e3c0e577d..5ea4c80b6 100644
--- a/web/pages/viewer-info.tsx
+++ b/web/pages/viewer-info.tsx
@@ -120,9 +120,7 @@ export default function ViewersOverTime() {
           prefix={<UserOutlined />}
         />
       </Row>
-      <div className="chart-container">
-        <Chart title="Viewers" data={viewerInfo} color="#2087E2" unit="" />
-      </div>
+      <Chart title="Viewers" data={viewerInfo} color="#2087E2" unit="" />
       <Table dataSource={clients} columns={columns} rowKey={(row) => row.userAgent} />
     </div>
   );
diff --git a/web/styles/globals.scss b/web/styles/globals.scss
index a20a8d0f8..a1278937a 100644
--- a/web/styles/globals.scss
+++ b/web/styles/globals.scss
@@ -35,10 +35,6 @@ pre {
   border-radius: .5em;
 }
 
-.recharts-wrapper {
-  font-size: 12px;
-}
-
 @media (prefers-color-scheme: dark) {
   @import "~antd/dist/antd.dark";
   pre {