From d390a594ae06e3bcc745a394932021108d9586e6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de> Date: Tue, 26 Feb 2019 13:04:52 +0100 Subject: [PATCH] Center content of statistic-help dialog --- .../statistic-help.component.html | 42 ++++++++++--------- 1 file changed, 23 insertions(+), 19 deletions(-) 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 f1efc0029..b0d70ad66 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> -- GitLab