fix issue with misaligned loading icon on tag field

src/app/shared/form/builder/ds-dynamic-form-ui/models/tag/dynamic-tag.component.html

@@ -21,11 +21,10 @@
          (keydown)="preventEventsPropagation($event)"
          (keyup)="onKeyUp($event)" />
 
-
-  <input *ngIf="model.hasAuthority"
-         class="border-0 form-control-plaintext tag-input flex-grow-1 mt-1 mb-1"
+  <div *ngIf="model.hasAuthority" class="position-relative right-addon">
+    <i *ngIf="searching" class="fas fa-circle-notch fa-spin fa-2x fa-fw text-primary position-absolute mt-1 p-0" aria-hidden="true"></i>
+    <input class="border-0 form-control-plaintext tag-input flex-grow-1 mt-1 mb-1"
            type="text"
-         role="textbox"
            [attr.aria-labelledby]="'label_' + model.id"
            [(ngModel)]="currentValue"
            [attr.autoComplete]="model.autoComplete"
@@ -48,6 +47,6 @@
            (keydown)="preventEventsPropagation($event)"
            (keyup)="onKeyUp($event)"
            #instance="ngbTypeahead"/>
-    <i *ngIf="searching" class="fas fa-circle-notch fa-spin fa-2x fa-fw text-primary position-absolute mt-1 p-0" aria-hidden="true"></i>
+    </div>
   </ds-chips>
 

src/app/shared/form/builder/ds-dynamic-form-ui/models/tag/dynamic-tag.component.scss

@@ -1,8 +1,5 @@
-/* style fa-spin */
-.fa-spin {
-  pointer-events: none;
-  right: 0;
-}
+@import '../../../../form.component';
+
 .chips-left {
   left: 0;
   padding-right: 100%;