From e3d880f74c24c9bcc8153502ddc4b0b7dfdd0f07 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Fri, 29 Oct 2021 18:02:39 +0200
Subject: [PATCH] [editor] Improve button position on option list on property
 panel

Put the buttons to the right side instead of in the middle somewhere.
---
 .../properties-panel/element-properties.component.html      | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.html b/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.html
index 013bf006f..336bfd42d 100644
--- a/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.html
+++ b/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.html
@@ -83,8 +83,10 @@
             <div class="drop-list" cdkDropList [cdkDropListData]="combinedProperties.options"
                  (cdkDropListDropped)="reorderOptions('options', $any($event))">
               <div *ngFor="let option of $any(combinedProperties.options); let i = index" cdkDrag
-                   class="list-items">
-                {{option}}
+                   class="list-items" fxLayout="row" fxLayoutAlign="end center">
+                <div fxFlex="70">
+                  {{option}}
+                </div>
                 <button mat-icon-button color="warn"
                         (click)="editTextOption(i)">
                   <mat-icon>build</mat-icon>
-- 
GitLab