diff --git a/src/app/components/shared/_dialogs/statistic-help/statistic-help.component.html b/src/app/components/shared/_dialogs/statistic-help/statistic-help.component.html index f1efc0029836bb03fb372efdbad31eb927db3659..b0d70ad66bb8f3bd3bfac1113ea7036372b192f6 100644 --- a/src/app/components/shared/_dialogs/statistic-help/statistic-help.component.html +++ b/src/app/components/shared/_dialogs/statistic-help/statistic-help.component.html @@ -1,20 +1,24 @@ -<mat-chip-list class="mat-chip-list-stacked"> - <div fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="20px"> - <mat-chip class="positiveC"> - Good - </mat-chip> - <h3> > 85 % </h3> +<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill> + <div fxLayout="row" fxLayoutAlign="center"> + <mat-chip-list class="mat-chip-list-stacked"> + <div fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="20px"> + <mat-chip class="positiveC"> + Good + </mat-chip> + <h3> > 85 % </h3> + </div> + <div fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="20px"> + <mat-chip class="okayC"> + Okay + </mat-chip> + <h3> > 50 % </h3> + </div> + <div fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="20px"> + <mat-chip class="negativeC"> + Improvable + </mat-chip> + <h3> < 50 % </h3> + </div> + </mat-chip-list> </div> - <div fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="20px"> - <mat-chip class="okayC"> - Okay - </mat-chip> - <h3> > 50 % </h3> - </div> - <div fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="20px"> - <mat-chip class="negativeC"> - Improvable - </mat-chip> - <h3> < 50 % </h3> - </div> -</mat-chip-list> +</div>