diff --git a/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.html b/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.html index 93941b81e6d9602bba6db35352c996fe0a01c722..75e538eeac8e705037c2d4882abdd4f4bbcdad36 100644 --- a/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.html +++ b/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.html @@ -6,6 +6,10 @@ <h2> {{bonusToken.token}} </h2> + <span class="fill-remaining-space"></span> + <button mat-icon-button> + <mat-icon>close</mat-icon> + </button> </div> </div> <div *ngIf="bonusTokens.length === 0"> diff --git a/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.scss b/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.scss index 1ca5302796251bf2d66dd74a6cf6e228464b83ad..735efd776ac11b9e8f272745b9719c96e24a8994 100644 --- a/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.scss +++ b/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.scss @@ -1,3 +1,13 @@ h1,h2,h3,h4,h5,p{ color: var(--on-surface); } + +h2 { + color: var(--on-surface); + margin: 10px 0 10px 0; +} + +.mat-icon-button { + margin-top: 5px; + color: var(--red); +}