Fix some styles

src/app/components/shared/list-statistic/list-statistic.component.scss

@@ -27,8 +27,8 @@ mat-cell {
 }
 
 mat-toolbar {
-  height: 15px;
-  color: white;
+  height: 20px;
+  background-color: white;
 }
 
 .positiveC {

src/app/components/shared/statistic/statistic.component.html

-<div>
-  <div fxLayoutAlign="center center">
-    <h3>{{subject}}</h3>
-  </div>
+<div fxLayout="row" fxLayoutGap="20px" fxLayoutAlign="center">
+  <mat-card>
+    <mat-card-header>
+      <h3>{{subject}}</h3>
+    </mat-card-header>
+    <mat-divider></mat-divider>
+    <mat-toolbar></mat-toolbar>
   <div>
-    <div style="display: block">
+    <div style="position: relative; height: 60vh">
       <canvas id="chart"></canvas>
     </div>
   </div>
+  </mat-card>
 </div>

src/app/components/shared/statistic/statistic.component.scss

+mat-card {
+  max-width: 800px;
+  width: 100%;
+}
+
+mat-toolbar {
+  height: 15px;
+  background-color: white;
+}

src/app/components/shared/statistic/statistic.component.ts

@@ -73,6 +73,7 @@ export class StatisticComponent implements OnInit {
             display: false
           },
           responsive: true,
+          maintainAspectRatio: false,
           scales: {
             yAxes: [{
               ticks: {