Fix allocation list icon alignment

OpenSlides · Jul 10, 2024 · 4867fad · 4867fad
1 parent 1771a9d
commit 4867fad
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/...s/meeting-settings-group-detail/components/allocation-list/allocation-list.component.html b/...s/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/...s/meeting-settings-group-detail/components/allocation-list/allocation-list.component.scss b/...s/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 {