From 4867fad816fed12f796773f4fdd66a303d162c8d Mon Sep 17 00:00:00 2001
From: Bastian Rihm <brihm@intevation.de>
Date: Wed, 10 Jul 2024 13:13:16 +0200
Subject: [PATCH] Fix allocation list icon alignment

---
 .../allocation-list/allocation-list.component.html          | 3 ++-
 .../allocation-list/allocation-list.component.scss          | 6 +++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/src/app/site/pages/meetings/pages/meeting-settings/pages/meeting-settings-group-detail/components/allocation-list/allocation-list.component.html b/client/src/app/site/pages/meetings/pages/meeting-settings/pages/meeting-settings-group-detail/components/allocation-list/allocation-list.component.html
index fbadd0ac4f..b82dc88e30 100644
--- a/client/src/app/site/pages/meetings/pages/meeting-settings/pages/meeting-settings-group-detail/components/allocation-list/allocation-list.component.html
+++ b/client/src/app/site/pages/meetings/pages/meeting-settings/pages/meeting-settings-group-detail/components/allocation-list/allocation-list.component.html
@@ -10,7 +10,7 @@
                 <input formControlName="entry" matInput />
                 <mat-error>{{ 'You have to fill this field.' | translate }}</mat-error>
             </mat-form-field>
-            <mat-icon [class.grey-out]="disabled">arrow_forward</mat-icon>
+            <mat-icon class="sep-line" [class.grey-out]="disabled">arrow_forward</mat-icon>
             <mat-form-field>
                 <mat-label>{{ allocationLabel | translate }}</mat-label>
                 <input *ngIf="config && isNumberAllocation" formControlName="allocation" type="number" matInput />
@@ -19,6 +19,7 @@
             </mat-form-field>
             <button
                 mat-icon-button
+                class="delete-button"
                 type="button"
                 (click)="onRemoveAllocation(i)"
                 matTooltip="{{ 'Cancel' | translate }}"
diff --git a/client/src/app/site/pages/meetings/pages/meeting-settings/pages/meeting-settings-group-detail/components/allocation-list/allocation-list.component.scss b/client/src/app/site/pages/meetings/pages/meeting-settings/pages/meeting-settings-group-detail/components/allocation-list/allocation-list.component.scss
index 2b1d858b7e..39716eb407 100644
--- a/client/src/app/site/pages/meetings/pages/meeting-settings/pages/meeting-settings-group-detail/components/allocation-list/allocation-list.component.scss
+++ b/client/src/app/site/pages/meetings/pages/meeting-settings/pages/meeting-settings-group-detail/components/allocation-list/allocation-list.component.scss
@@ -2,7 +2,11 @@
     display: flex;
     align-items: center;
 
-    mat-icon {
+    .delete-button {
+        margin-left: 4px;
+    }
+
+    .sep-line {
         margin: 0 8px;
 
         &.grey-out {