From fa40ca94b876c89b1efc57c455cd23aa46510b08 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Wed, 7 Jul 2021 16:07:47 +0200
Subject: [PATCH] [editor] Improve styling of props panel buttons

---
 .../unit-view/page-view/properties/properties.component.html  | 4 ++--
 .../unit-view/page-view/properties/properties.component.ts    | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/projects/editor/src/app/components/unit-view/page-view/properties/properties.component.html b/projects/editor/src/app/components/unit-view/page-view/properties/properties.component.html
index d55c3ff8c..b34809daf 100644
--- a/projects/editor/src/app/components/unit-view/page-view/properties/properties.component.html
+++ b/projects/editor/src/app/components/unit-view/page-view/properties/properties.component.html
@@ -69,10 +69,10 @@
           </div>
         </mat-form-field>
       </div>
-      <button mat-raised-button (click)="deleteElement()">
+      <button class="delete-element-button" mat-raised-button (click)="deleteElement()">
         Element löschen
       </button>
-      <button mat-raised-button>
+      <button mat-raised-button class="duplicate-element-button">
         Element duplizieren
       </button>
     </mat-tab>
diff --git a/projects/editor/src/app/components/unit-view/page-view/properties/properties.component.ts b/projects/editor/src/app/components/unit-view/page-view/properties/properties.component.ts
index c1849dd83..1722b9bc8 100644
--- a/projects/editor/src/app/components/unit-view/page-view/properties/properties.component.ts
+++ b/projects/editor/src/app/components/unit-view/page-view/properties/properties.component.ts
@@ -11,7 +11,9 @@ import { UnitUIElement } from '../../../../../../../common/unit';
     ':host ::ng-deep .mat-tab-label {min-width: 0}',
     '.newOptionElement {margin-top: 20px}',
     '.newOptionElement button {background-color: #696969; margin: 5px}',
-    'mat-tab-group {padding: 10px;}'
+    'mat-tab-group {padding: 10px;}',
+    '.delete-element-button {margin-bottom: 5px; border: 1px solid red;}',
+    '.duplicate-element-button {margin-bottom: 5px}'
   ]
 })
 export class PropertiesComponent {
-- 
GitLab