From 9f2d863826f083c7b521f708b3a95d51350f8652 Mon Sep 17 00:00:00 2001
From: Hagen <hagen.dressler@mni.thm.de>
Date: Thu, 15 Mar 2018 00:54:49 +0100
Subject: [PATCH] Fix html template and style sheet
---
.../answer-statistics.component.html | 49 +++++++++----------
.../answer-statistics.component.scss | 5 +-
2 files changed, 27 insertions(+), 27 deletions(-)
diff --git a/src/app/answer-statistics/answer-statistics.component.html b/src/app/answer-statistics/answer-statistics.component.html
index 6fd636406..2b66b71d0 100644
--- a/src/app/answer-statistics/answer-statistics.component.html
+++ b/src/app/answer-statistics/answer-statistics.component.html
@@ -1,26 +1,25 @@
-<div fxLayout="row" fxLayoutAlign="center">
- <div fxLayout="column" fxLayoutGap="20px">
- <mat-card>
- <mat-tab-group>
- <mat-tab label="Answer statistic">
- <mat-select placeholder="Answers" fxLayoutAlign="right" (change)="showStatistic($event.value)">
- <mat-option *ngFor="let state of states" [value]="state.value">
- {{ state.viewValue }}
- </mat-option>
- </mat-select>
- <div *ngIf="selected == 1">
- <!-- Add list of Question statistic -->
- <mat-progress-bar [value]="50">
- </mat-progress-bar>
- </div>
- <div *ngIf="selected == 2">
- <!-- Add list of Question statistic -->
- <mat-progress-bar [value]="50" color="warn">
- </mat-progress-bar>
- </div>
- </mat-tab>
- <!-- Add second tab with true false answers -->
- </mat-tab-group>
- </mat-card>
- </div>
+<div fxLayout="row" fxLayoutGap="20px" fxLayoutAlign="center">
+ <mat-card>
+ <mat-tab-group>
+ <mat-tab label="Answer statistic">
+ <mat-select placeholder="Answers" fxLayoutAlign="right" (change)="showStatistic($event.value)">
+ <mat-option *ngFor="let state of states" [value]="state.value">
+ {{ state.viewValue }}
+ </mat-option>
+ </mat-select>
+ <div *ngIf="selected == 1">
+ <!-- Add list of Question statistic -->
+ <mat-progress-bar [value]="50">
+ </mat-progress-bar>
+ </div>
+ <div *ngIf="selected == 2">
+ <!-- Add list of Question statistic -->
+ <mat-progress-bar [value]="50" color="warn">
+ </mat-progress-bar>
+ </div>
+ </mat-tab>
+ <!-- Add second tab with true false answers -->
+ </mat-tab-group>
+ </mat-card>
</div>
+
diff --git a/src/app/answer-statistics/answer-statistics.component.scss b/src/app/answer-statistics/answer-statistics.component.scss
index 2dea388e3..f0a767c2e 100644
--- a/src/app/answer-statistics/answer-statistics.component.scss
+++ b/src/app/answer-statistics/answer-statistics.component.scss
@@ -1,5 +1,6 @@
mat-card {
- min-width: 800px;
+ max-width: 800px;
+ width: 100%;
}
mat-select {
@@ -8,6 +9,6 @@ mat-select {
margin-left: 625px;
}
-.bars {
+mat-progress-bar {
margin-top: 20px;
}
--
GitLab