From 9debbbbbd742142678d94f16b6244c86b57cf511 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Sat, 12 Oct 2019 18:47:58 +0200
Subject: [PATCH] Add delete button for individual tokens
---
.../_dialogs/bonus-token/bonus-token.component.html | 4 ++++
.../_dialogs/bonus-token/bonus-token.component.scss | 10 ++++++++++
2 files changed, 14 insertions(+)
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 93941b81e..75e538eea 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 1ca530279..735efd776 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);
+}
--
GitLab