Fixed donut formatting and removed top chart legend

html/css/style.css

@@ -189,6 +189,14 @@ canvas{
     position: static;
     float: right;
 }
+.donut{
+    width: 60%;
+    padding: 0px;
+    margin: auto;
+    /* display: inline-block; */
+    margin-left: -5%;
+    margin-right: -5%;
+}
 
 #brightness{
     flex-basis: 0%;

html/js/monitor.js

@@ -55,6 +55,9 @@ window.addEventListener("load", async function () {
             },
             animation:{
                 duration: 0
+            },
+            legend:{
+                display: false
             }
         }
     });
@@ -70,9 +73,10 @@ window.addEventListener("load", async function () {
                 data: data,
                 borderColor: colors[i - 1],
                 fill: false,
-                pointRadius: 0
+                pointRadius: 0,
+                borderWidth: 2.
             }
-        )
+        );
     }
 
     threads = new Chart("threads", {

html/pages/monitor.html

@@ -28,10 +28,10 @@
             <br>
             <canvas id="threads"></canvas>
             <br>
-            <span class="hflex">
+            <div class="center-flex">
-                <canvas id="ram"></canvas>
+                <canvas class="donut" id="ram"></canvas>
-                <canvas id="swap"></canvas>
+                <canvas class="donut" id="swap"></canvas>
-            </span>
+            </div>
             <br>
         </div>
         <br>