From fbe30e15e65e329e2e6482561c3f55f671961076 Mon Sep 17 00:00:00 2001
From: Davide Briani <davide.briani@secomind.com>
Date: Mon, 15 Apr 2024 14:51:03 +0200
Subject: [PATCH] Confine the device chart on homepage in a predefined height

Prevent the chart from growing indefinitely on large viewports, and set
instead a maximum dimension.

Signed-off-by: Davide Briani <davide.briani@secomind.com>
---
 src/HomePage.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/HomePage.tsx b/src/HomePage.tsx
index b1b33182..dab9a90c 100644
--- a/src/HomePage.tsx
+++ b/src/HomePage.tsx
@@ -136,7 +136,9 @@ const DevicesCard = ({
             </Card.Text>
           </Col>
           <Col xs={12} lg={6}>
-            {totalDevices > 0 && <ConnectedDevicesChart provider={connectedDevicesProvider} />}
+            <div style={{ maxHeight: '18em' }}>
+              {totalDevices > 0 && <ConnectedDevicesChart provider={connectedDevicesProvider} />}
+            </div>
           </Col>
         </Row>
       </Container>