Fixed: Repeatable vocab component - removed extra span element that v…

…ertically misaligns the add button with the remove button
redbox-mint · Jan 29, 2024 · f653885 · f653885
1 parent e8c9b6a
commit f653885
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/angular-legacy/shared/form/field-repeatable.component.ts b/angular-legacy/shared/form/field-repeatable.component.ts
@@ -431,10 +431,10 @@ export class RepeatableVocab extends RepeatableContainer {
       <span class="col-xs-11">&nbsp;
       </span>
       <span class="col-xs-1">
-       <span *ngIf="field.addButtonShow" class="col-xs-12">
+       <ng-container *ngIf="field.addButtonShow">
          <button *ngIf="field.addButtonText" type='button' [disabled]="field.fields.length >= field.maximumEntries" (click)="addElem($event)" [ngClass]="field.addButtonTextClass" >{{field.addButtonText}}</button>
           <button *ngIf="!field.addButtonText" type='button' [disabled]="field.fields.length >= field.maximumEntries" (click)="addElem($event)" [ngClass]="field.addButtonClass" [attr.aria-label]="'add-button-label' | translate"></button>
-        </span>
+        </ng-container>
       </span>
     </div>
   </div>