From cb3abe48316de2b86188974c690f066ff0acab7f Mon Sep 17 00:00:00 2001
From: Vaibhav Surve <vaibhav.surve@marcoaiot.com>
Date: Wed, 9 Apr 2025 17:56:52 +0530
Subject: [PATCH] Update chart components: adjust bar height in
 HorizontalBarChart and set stroke width in LineChart; enhance Dashboard card
 layout with icons and format numbers

---
 src/components/Charts/HorizontalBarChart.jsx |  2 +-
 src/components/Charts/LineChart.jsx          |  3 ++-
 src/components/Dashboard/Dashboard.jsx       | 16 +++++-----------
 3 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/src/components/Charts/HorizontalBarChart.jsx b/src/components/Charts/HorizontalBarChart.jsx
index c1165b96..5236a7e5 100644
--- a/src/components/Charts/HorizontalBarChart.jsx
+++ b/src/components/Charts/HorizontalBarChart.jsx
@@ -45,7 +45,7 @@ const HorizontalBarChart = ({
     },
     plotOptions: {
       bar: {
-        barHeight: "80%",
+        barHeight: "60%",
         distributed: true,
         horizontal: true,
         dataLabels: {
diff --git a/src/components/Charts/LineChart.jsx b/src/components/Charts/LineChart.jsx
index 3008e473..1c994329 100644
--- a/src/components/Charts/LineChart.jsx
+++ b/src/components/Charts/LineChart.jsx
@@ -30,7 +30,8 @@ const LineChart = ({
             enabled: false // Hide value labels on dots
         },
         stroke: {
-            curve: 'straight'
+            curve: 'straight',
+            width: 2 
         },
         grid: {
             show: false,
diff --git a/src/components/Dashboard/Dashboard.jsx b/src/components/Dashboard/Dashboard.jsx
index 7fc4d4c1..26f9a992 100644
--- a/src/components/Dashboard/Dashboard.jsx
+++ b/src/components/Dashboard/Dashboard.jsx
@@ -28,11 +28,7 @@ const Dashboard = () => {
         <div className="col-sm-6 col-lg-4">
           <div className="card p-3 h-100 text-center d-flex justify-content-between">
             <div className="d-flex justify-content-start align-items-center mb-3">
-              <i
-                className="rounded-circle bx bx-building-house"
-                style={{ fontSize: "xx-large" }}
-              ></i>
-              <h5 className="fw-bold mb-0 ms-2" style={{ fontSize: '1.5rem' }}>Projects</h5>
+              <h5 class="fw-bold mb-0 ms-2"><i class="rounded-circle bx bx-building-house" ></i> Projects</h5>
             </div>
             <div className="d-flex justify-content-around align-items-start mt-n2">
               <div>
@@ -51,8 +47,7 @@ const Dashboard = () => {
         <div className="col-sm-6 col-lg-4">
           <div className="card p-3 h-100 text-center d-flex justify-content-between">
             <div className="d-flex justify-content-start align-items-center mb-3">
-              <i className="bx bx-group text-warning" style={{ fontSize: '2rem' }}></i>
-              <h5 className="fw-bold mb-0 ms-2" style={{ fontSize: '1.5rem' }}>Teams</h5>
+              <h5 class="fw-bold mb-0 ms-2"><i className="bx bx-group text-warning" ></i> Teams</h5>
             </div>
             <div className="d-flex justify-content-around align-items-start mt-n2">
               <div>
@@ -71,16 +66,15 @@ const Dashboard = () => {
         <div className="col-sm-6 col-lg-4">
           <div className="card p-3 h-100 text-center d-flex justify-content-between">
             <div className="d-flex justify-content-start align-items-center mb-3">
-              <i className="bx bx-task text-success" style={{ fontSize: '2rem' }}></i>
-              <h5 className="fw-bold mb-0 ms-2" style={{ fontSize: '1.5rem' }}>Tasks</h5>
+              <h5 class="fw-bold mb-0 ms-2"><i className="bx bx-task text-success" ></i> Tasks</h5>
             </div>
             <div className="d-flex justify-content-around align-items-start mt-n2">
               <div>
-                <h4 className="mb-0 fw-bold">10000</h4>
+                <h4 className="mb-0 fw-bold">10,000</h4>
                 <small className="text-muted">Total</small>
               </div>
               <div>
-                <h4 className="mb-0 fw-bold">4000</h4>
+                <h4 className="mb-0 fw-bold">4,000</h4>
                 <small className="text-muted">Completed</small>
               </div>
             </div>