will switch pie chart colors for a softer shade and fix h3 spacing

Author: GarimaB06

src/components/css/metric.css

@@ -1,10 +1,14 @@
 .legend-container {
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
   width: 170px;
+  align-items: center;
+  margin-top: 5px;
 }
 
+.legend-container p {
+  margin-left: 8px;
+}
 .aggregate-conatiner {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;

src/components/css/styles.css

@@ -116,7 +116,7 @@ h4 {
 }
 
 .tabTitle {
-  margin: 50px 15px;
+  margin: 20px 15px;
   font-weight: bolder;
   font-size: 30px;
 }

src/components/tabs/Metrics.js

@@ -37,7 +37,7 @@ const Metrics = (props) => {
     datasets: [
       {
         label: 'CPU',
-        backgroundColor: ['rgba(44, 130, 201, 1)', 'rgba(19, 221, 29, 1)'],
+        backgroundColor: ['#4594ce', '#67f267'],
         data: [cpuData, result.cpuPerc],
       },
     ],
@@ -48,7 +48,7 @@ const Metrics = (props) => {
     datasets: [
       {
         label: 'Memory',
-        backgroundColor: ['rgba(44, 130, 201, 1)', 'rgba(19, 221, 29, 1)'],
+        backgroundColor: ['#4594ce', '#67f267'],
         data: [memoryData, result.memPerc],
       },
     ],