Nicer looking item list & better and more explanation for the new features

UI/Web/src/app/person-detail/_modal/edit-person-modal/edit-person-modal.component.html

@@ -99,6 +99,8 @@
             <li [ngbNavItem]="TabID.Aliases">
               <a ngbNavLink>{{t(TabID.Aliases)}}</a>
               <ng-template ngbNavContent>
+                <h5>{{t('aliases-label')}}</h5>
+                <div class="text-muted mb-2">{{t('aliases-tooltip')}}</div>
                 <app-edit-list [items]="person.aliases"
                                [asyncValidators]="[aliasValidator()]"
                                (updateItems)="person.aliases = $event"

UI/Web/src/app/shared/edit-list/edit-list.component.html

@@ -1,7 +1,7 @@
 <form [formGroup]="form" *transloco="let t">
   <div formArrayName="items">
     <!-- We are tracking items, as the index will not always point towards the same item. -->
-    @for(item of ItemsArray.controls; let i = $index; track item) {
+    @for(item of ItemsArray.controls; let i = $index; track item; let last = $last) {
       <div class="row g-0 mb-3">
         <div class="col-lg-10 col-md-12 pe-2">
           <div class="mb-3">
@@ -21,19 +21,21 @@
             }
           </div>
         </div>
-        <div class="col-lg-2">
-          <button class="btn btn-secondary me-1" (click)="add()">
-            <i class="fa-solid fa-plus" aria-hidden="true"></i>
-            <span class="visually-hidden">{{t('common.add')}}</span>
-          </button>
+      <div class="col-lg-2">
           <button
-            class="btn btn-secondary"
+            class="btn btn-danger me-2"
             (click)="remove(i)"
             [disabled]="ItemsArray.length === 1"
           >
-            <i class="fa-solid fa-xmark" aria-hidden="true"></i>
+            <i class="fa-solid fa-trash" aria-hidden="true"></i>
             <span class="visually-hidden">{{t('common.remove')}}</span>
           </button>
+          @if (last){
+            <button class="btn btn-secondary " (click)="add()">
+              <i class="fa-solid fa-plus" aria-hidden="true"></i>
+              <span class="visually-hidden">{{t('common.add')}}</span>
+            </button>
+          }
         </div>
       </div>
     }

UI/Web/src/assets/langs/en.json

@@ -2269,7 +2269,8 @@
         "save": "{{common.save}}",
         "download-coversdb": "Download from CoversDB",
         "aliases-label": "Edit aliases",
-        "alias-overlap": "This alias already points towards another person, consider merging them."
+        "alias-overlap": "This alias already points towards another person, consider merging them.",
+        "aliases-tooltip": "When a series is tagged with an alias of a person, the person is assigned rather than creating a new person. When deleting an alias, you'll have to rescan the series for the change to be picked up."
     },
 
     "merge-person-modal": {
@@ -2277,7 +2278,7 @@
         "close": "{{common.close}}",
         "save": "{{common.save}}",
         "src": "Merge Person",
-        "merge-warning": "If you proceed, the selected person will be removed. If the target person has no existing names, the selected person's name will be added as their first name. Otherwise, the selected person's name will be added as an additional alias.",
+        "merge-warning": "If you proceed, the selected person will be removed. The selected person's name will be added as an alias, and all their roles will be transferred.",
         "alias-title": "New aliases",
         "known-for-title": "Known for"
     },