Completed all graph formatting

Author: Umius-Brian

app/charts/docker-stats-chart.jsx

@@ -68,30 +68,19 @@ const DockerStatsChart = (props) => {
   if (Object.keys(dockerStats).length > 0) {
     // Build an array of <span>s that'll be rendered. Each <span> contains one stat.
     const dockerStatsArr = [];
-    const dockerDataArr = [];
 
     for (let stat in dockerStats) {
       dockerStatsArr.push(
         <span key={stat}>
-          {stat}:
+          {stat}: {dockerStats[stat]}
         </span>
       )
     }
-    for (let stat in dockerStats) {
-      dockerDataArr.push(
-        <span key={stat}>
-          {dockerStats[stat]}
-        </span>
-      )
-
-    }
     console.log('dockerStatsArr (docker stats chart):', dockerStatsArr);
-
     return (
       <div id="docker-stats-chart">
         <header id="docker-stats-chart-header">Docker Container Stats</header>
         {dockerStatsArr}
-        {dockerDataArr}
       </div>
     )
   } else { // If no Docker data:

app/stylesheets/graphs.css

@@ -28,5 +28,8 @@ svg {
 #docker-stats-chart-header {
   align-self: center;
   font-size: 1.5em;
-  padding-bottom: 25px
-}
+  padding-bottom: 25px;
+  height: 400;
+  width: 400;
+}
+