Styling fixes

src/Squidex/app/framework/angular/forms/tag-editor.component.html

@@ -1,36 +1,34 @@
-<ng-container>
+<div class="form-control tags" [class.blank]="styleBlank" [class.gray]="styleGray" #form (click)="input.focus()" 
-    <div class="form-control" [class.blank]="styleBlank" [class.gray]="styleGray" #form (click)="input.focus()" 
+    [class.single-line]="singleLine"
-        [class.single-line]="singleLine"
+    [class.focus]="snapshot.hasFocus" 
-        [class.focus]="snapshot.hasFocus" 
+    [class.disabled]="addInput.disabled">
-        [class.disabled]="addInput.disabled">
+    <span class="item" *ngFor="let item of snapshot.items; let i = index" [class.disabled]="addInput.disabled">
-        <span class="item" *ngFor="let item of snapshot.items; let i = index" [class.disabled]="addInput.disabled">
+        {{item}} <i class="icon-close" *ngIf="!addInput.disabled" (click)="remove(i)"></i>
-            {{item}} <i class="icon-close" *ngIf="!addInput.disabled" (click)="remove(i)"></i>
+    </span>
-        </span>
 
-        <input type="text" class="blank" #input
+    <input type="text" class="blank" #input
-            (blur)="markTouched()"
+        (blur)="markTouched()"
-            (cut)="onCut($event)"
+        (cut)="onCut($event)"
-            (copy)="onCopy($event)"
+        (copy)="onCopy($event)"
-            (paste)="onPaste($event)"
+        (paste)="onPaste($event)"
-            (focus)="focus()"
+        (focus)="focus()"
-            (keydown)="onKeyDown($event)"
+        (keydown)="onKeyDown($event)"
-            [formControl]="addInput"
+        [formControl]="addInput"
-            [attr.name]="inputName"
+        [attr.name]="inputName"
-            [attr.placeholder]="placeholder"
+        [attr.placeholder]="placeholder"
-            autocomplete="off" 
+        autocomplete="off" 
-            autocorrect="off"
+        autocorrect="off"
-            autocapitalize="off"
+        autocapitalize="off"
-            spellcheck="false">
+        spellcheck="false">
-    </div>
+</div>
 
-    <div *ngIf="snapshot.suggestedItems.length > 0" [sqxModalTarget]="form" class="control-dropdown" #container position="bottom-left">
+<div *ngIf="snapshot.suggestedItems.length > 0" [sqxModalTarget]="form" class="control-dropdown" #container position="bottom-left">
-        <div *ngFor="let item of snapshot.suggestedItems; let i = index" class="control-dropdown-item control-dropdown-item-selectable"
+    <div *ngFor="let item of snapshot.suggestedItems; let i = index" class="control-dropdown-item control-dropdown-item-selectable"
-            [class.active]="i === snapshot.suggestedIndex"
+        [class.active]="i === snapshot.suggestedIndex"
-            [container]="container"
+        [container]="container"
-            (mousedown)="selectValue(item)" 
+        (mousedown)="selectValue(item)" 
-            (mouseover)="selectIndex(i)"
+        (mouseover)="selectIndex(i)"
-            [sqxScrollActive]="i === snapshot.suggestedIndex">
+        [sqxScrollActive]="i === snapshot.suggestedIndex">
-            <ng-container>{{item}}</ng-container>
+        <ng-container>{{item}}</ng-container>
-        </div>
     </div>
-</ng-container>
+</div>