diff --git a/src/app/components/shared/list-statistic/list-statistic.component.html b/src/app/components/shared/list-statistic/list-statistic.component.html index 7cd3b6b93b1b3b49211f34d6005a4b714ec3aa7f..43271ddd543df9d36c5cb6480308df223b401858 100644 --- a/src/app/components/shared/list-statistic/list-statistic.component.html +++ b/src/app/components/shared/list-statistic/list-statistic.component.html @@ -1,16 +1,15 @@ -<div fxLayoutAlign="center" fxLayoutGap="10px"> - <table mat-table [dataSource]="dataSource" class="mat-elevation-z8"> +<table mat-table [dataSource]="dataSource" class="mat-elevation-z8"> - <ng-container matColumnDef="content"> - <mat-header-cell *matHeaderCellDef> Content </mat-header-cell> - <mat-cell *matCellDef="let cp"> {{cp.content}}</mat-cell> - </ng-container> + <ng-container matColumnDef="content"> + <mat-header-cell *matHeaderCellDef> Content </mat-header-cell> + <mat-cell *matCellDef="let cp"> {{cp.content}}</mat-cell> + </ng-container> - <ng-container matColumnDef="percentage"> - <mat-header-cell *matHeaderCellDef> Percentage </mat-header-cell> - <mat-cell *matCellDef="let cp"> {{cp.percent}}</mat-cell> - </ng-container> - <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row> - <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row> - </table> -</div> + <ng-container matColumnDef="percentage"> + <mat-header-cell *matHeaderCellDef> Percentage </mat-header-cell> + <mat-cell *matCellDef="let cp"> {{cp.percent}}</mat-cell> + </ng-container> + + <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row> + <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row> +</table> diff --git a/src/app/components/shared/list-statistic/list-statistic.component.scss b/src/app/components/shared/list-statistic/list-statistic.component.scss index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..c657a769ca5d92003dc77ee13f73d56171d3ceb2 100644 --- a/src/app/components/shared/list-statistic/list-statistic.component.scss +++ b/src/app/components/shared/list-statistic/list-statistic.component.scss @@ -0,0 +1,12 @@ +table{ + width: 100%; +} + +.mat-column-percentage { + display: flex; + justify-content: flex-end; +} + +mat-header-cell { + color: #3f51b5; +}