diff --git a/src/app/components/shared/statistic/statistic.component.html b/src/app/components/shared/statistic/statistic.component.html index 2f34c95be734b14c13b5d96861e9e4ccfc9c7495..04b2032b97bc35a9e3dd899e2bb074a53afd62dc 100644 --- a/src/app/components/shared/statistic/statistic.component.html +++ b/src/app/components/shared/statistic/statistic.component.html @@ -1,9 +1,12 @@ <div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill> <div fxLayout="row" fxLayoutAlign="center"> <mat-card> - <mat-card-header> - <h3>{{subject}}</h3> - </mat-card-header> + <div fxLayout="row" fxLayoutAlign="center"> + <mat-card-title> + <h4>{{subject}}</h4> + </mat-card-title> + <button mat-raised-button>Show Correct</button> + </div> <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 ddfd27aad8ac32d45a79bc4cd4de6d85a7f61d26..e2acd18b8790f733a46dacad5f2eaa6b14ebd8c6 100644 --- a/src/app/components/shared/statistic/statistic.component.scss +++ b/src/app/components/shared/statistic/statistic.component.scss @@ -8,3 +8,13 @@ mat-toolbar { height: 15px; 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; +}