diff --git a/src/app/answer-statistics/answer-statistics.component.html b/src/app/answer-statistics/answer-statistics.component.html index 6fd6364064d2262ac851d885953698cad63ccd53..2b66b71d02397edfdddde76524cbc259040f4ca9 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 2dea388e32e82bf4aab7611df37d0c60d6f00128..f0a767c2e0a748dfdafd59899bc77022270576e4 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; }