diff --git a/src/app/components/shared/statistic/statistic.component.html b/src/app/components/shared/statistic/statistic.component.html index 04b2032b97bc35a9e3dd899e2bb074a53afd62dc..a59d2ec5e679c3f5cf3c94ee04559dd47ef6adc2 100644 --- a/src/app/components/shared/statistic/statistic.component.html +++ b/src/app/components/shared/statistic/statistic.component.html @@ -1,12 +1,15 @@ <div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill> <div fxLayout="row" fxLayoutAlign="center"> <mat-card> - <div fxLayout="row" fxLayoutAlign="center"> - <mat-card-title> - <h4>{{subject}}</h4> - </mat-card-title> - <button mat-raised-button>Show Correct</button> - </div> + <mat-card-header> + <mat-card-title> + <h4>{{subject}}</h4> + </mat-card-title> + <span class="fill-remaining-space"></span> + <button mat-icon-button color="primary"> + <mat-icon>info</mat-icon> + </button> + </mat-card-header> <mat-divider></mat-divider> <mat-toolbar></mat-toolbar> <div> diff --git a/src/app/components/shared/statistic/statistic.component.scss b/src/app/components/shared/statistic/statistic.component.scss index 9edde1165b984d925a2043ae58d4d6cd9847c2f7..3156b31d0798793fa142e1af5cbb837f94116da1 100644 --- a/src/app/components/shared/statistic/statistic.component.scss +++ b/src/app/components/shared/statistic/statistic.component.scss @@ -9,18 +9,15 @@ mat-toolbar { background-color: #fff8e1; } -.mat-raised-button { - display: flex; - justify-content: flex-end; - padding-top: 0%; - padding-bottom: 0%; - padding-right: 5%; - padding-left: 5%; - max-height: 50px; +.mat-icon-button { + width: 50px; + height: 50px; + margin-bottom: 10px; } -h4 { - max-height: 50px; - margin-top: 5px; - margin-bottom: 10px; +mat-icon { + font-size: 40px; + height: 40px; + width: 40px; + line-height: 100%!important; }