From 04fcda5a179d6cba2efa6d7eba0623587b5c2c64 Mon Sep 17 00:00:00 2001
From: Stefan Plociennik <stefan.plociennik@mni.thm.de>
Date: Fri, 21 May 2021 16:44:25 +0200
Subject: [PATCH] change button style; removed expansion panel header icon

---
 .../topic-cloud-administration.component.html          | 10 +++-------
 .../topic-cloud-administration.component.scss          |  4 ++++
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html
index cacb1d3df..1ec035038 100644
--- a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html
+++ b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html
@@ -11,13 +11,12 @@
         {{'topic-cloud-dialog.hide-irrelevant' | translate}}
       </mat-slide-toggle>
 
-      <mat-accordion hideToggle class="new-Badword" multi>
+      <mat-accordion class="new-Badword" multi>
         <mat-expansion-panel class="color-background" (opened)="enterBadword = true; focusInput('bad-word-input')"
           (closed)="enterBadword = false">
           <mat-expansion-panel-header class="color-background">
             <mat-panel-description>
               {{'topic-cloud-dialog.edit-profanity-list' | translate}}
-              <mat-icon>{{!enterBadword ? 'add' : 'remove'}}</mat-icon>
             </mat-panel-description>
           </mat-expansion-panel-header>
 
@@ -26,8 +25,7 @@
             <input matInput id="bad-word-input" [(ngModel)]="newBadWord">
           </mat-form-field>
 
-          <button mat-button color="primary" (click)="addBadword()">
-            <mat-icon>add_circle</mat-icon>
+          <button mat-stroked-button color="primary" class="margin-left" (click)="addBadword()">
             {{'topic-cloud-dialog.add-word' | translate}}
           </button>
 
@@ -54,7 +52,6 @@
           <mat-expansion-panel-header class="color-background">
             <mat-panel-description>
               {{'topic-cloud-dialog.edit-irrelevant-list' | translate}}
-              <mat-icon>{{!enterIrrelevantWord ? 'add' : 'remove'}}</mat-icon>
             </mat-panel-description>
           </mat-expansion-panel-header>
 
@@ -63,8 +60,7 @@
             <input matInput id="irrelevant-word-input" [(ngModel)]="newIrrelevantWord">
           </mat-form-field>
 
-          <button mat-button color="primary" (click)="addIrrelevantWord()">
-            <mat-icon>add_circle</mat-icon>
+          <button mat-stroked-button color="primary" class="margin-left" (click)="addIrrelevantWord()">
             {{'topic-cloud-dialog.add-word' | translate}}
           </button>
 
diff --git a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss
index 2fd45e9a7..23a59a200 100644
--- a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss
+++ b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss
@@ -8,6 +8,10 @@
   margin-right: 16px;
 }
 
+.margin-left {
+  margin-left: 8px;
+}
+
 .primary {
   color: var(--primary);
   background: none;
-- 
GitLab