From 7a6765b0450b027e9fafbd0f464b09a894caa8d7 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Fri, 22 Oct 2021 13:27:49 +0200
Subject: [PATCH] [editor] Fix edit button position for likert options

---
 .../element-properties.component.html                | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 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 8a6118a00..ffac3b45b 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
@@ -232,8 +232,10 @@
             <div class="drop-list" cdkDropList [cdkDropListData]="combinedProperties.questions"
                  (cdkDropListDropped)="reorderOptions('questions', $any($event))">
               <div *ngFor="let question of $any(combinedProperties.questions); let i = index" cdkDrag
-                   class="list-items">
-                {{question.text}}
+                   class="list-items" fxLayout="row" fxLayoutAlign="end center">
+                <div fxFlex="70">
+                  {{question.text}}
+                </div>
                 <button mat-icon-button color="warn"
                         (click)="editQuestionOption(i)">
                   <mat-icon>build</mat-icon>
@@ -261,8 +263,10 @@
             <div class="drop-list" cdkDropList [cdkDropListData]="combinedProperties.answers"
                  (cdkDropListDropped)="reorderOptions('answers', $any($event))">
               <div *ngFor="let answer of $any(combinedProperties.answers); let i = index" cdkDrag
-                   class="list-items">
-                {{answer.text}}
+                   class="list-items" fxLayout="row" fxLayoutAlign="end center">
+                <div fxFlex="70">
+                  {{answer.text}}
+                </div>
                 <button mat-icon-button color="warn"
                         (click)="editAnswerOption(i)">
                   <mat-icon>build</mat-icon>
-- 
GitLab