Skip to content
Snippets Groups Projects
Commit 9f2d8638 authored by Hagen Dreßler's avatar Hagen Dreßler
Browse files

Fix html template and style sheet

parent 05ad4b7a
No related merge requests found
<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>
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;
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment