From 28f946bf311195c453d0c980a830a623f7fcc025 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Mon, 10 Dec 2018 18:16:54 +0100
Subject: [PATCH] Fix some styles
---
.../list-statistic/list-statistic.component.scss | 4 ++--
.../shared/statistic/statistic.component.html | 14 +++++++++-----
.../shared/statistic/statistic.component.scss | 9 +++++++++
.../shared/statistic/statistic.component.ts | 1 +
4 files changed, 21 insertions(+), 7 deletions(-)
diff --git a/src/app/components/shared/list-statistic/list-statistic.component.scss b/src/app/components/shared/list-statistic/list-statistic.component.scss
index 991a5539c..e625482f8 100644
--- a/src/app/components/shared/list-statistic/list-statistic.component.scss
+++ b/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 {
diff --git a/src/app/components/shared/statistic/statistic.component.html b/src/app/components/shared/statistic/statistic.component.html
index 566198030..8e85b05ff 100644
--- a/src/app/components/shared/statistic/statistic.component.html
+++ b/src/app/components/shared/statistic/statistic.component.html
@@ -1,10 +1,14 @@
-<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>
diff --git a/src/app/components/shared/statistic/statistic.component.scss b/src/app/components/shared/statistic/statistic.component.scss
index e69de29bb..8c4e99f4c 100644
--- a/src/app/components/shared/statistic/statistic.component.scss
+++ b/src/app/components/shared/statistic/statistic.component.scss
@@ -0,0 +1,9 @@
+mat-card {
+ max-width: 800px;
+ width: 100%;
+}
+
+mat-toolbar {
+ height: 15px;
+ background-color: white;
+}
diff --git a/src/app/components/shared/statistic/statistic.component.ts b/src/app/components/shared/statistic/statistic.component.ts
index 66530ca42..b57b53f78 100644
--- a/src/app/components/shared/statistic/statistic.component.ts
+++ b/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: {
--
GitLab