From 1146105e94e2bb8f5e2e0ebec417a443c24ff640 Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Thu, 14 Nov 2024 18:48:00 +0200
Subject: [PATCH 1/2] Fixed icons view in assigne select

---
 .../components/alarm/alarm-assignee-select.component.html     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-select.component.html b/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-select.component.html
index 8ef4044dac..1355d220c3 100644
--- a/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-select.component.html
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-select.component.html
@@ -25,7 +25,7 @@
           [style.background-color]="getAvatarBgColor()">
       {{ getUserInitials() }}
     </span>
-    <mat-icon *ngIf="!assignee" matPrefix class="unassigned-icon" [class.inline]="inline">account_circle</mat-icon>
-    <mat-icon *ngIf="!disabled" matSuffix class="drop-down-icon" [class.inline]="inline">arrow_drop_down</mat-icon>
+    <mat-icon *ngIf="!assignee" matPrefix class="unassigned-icon flex" [class.inline]="inline">account_circle</mat-icon>
+    <mat-icon *ngIf="!disabled" matSuffix class="drop-down-icon flex" [class.inline]="inline">arrow_drop_down</mat-icon>
   </mat-form-field>
 </ng-container>

From c3a2214088a2291f756cea580e40d0988cf39866 Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Thu, 14 Nov 2024 19:09:56 +0200
Subject: [PATCH 2/2] Redo

---
 .../components/alarm/alarm-assignee-select.component.html   | 6 +++---
 .../home/components/alarm/alarm-assignee.component.scss     | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-select.component.html b/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-select.component.html
index 1355d220c3..e9c7242f86 100644
--- a/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-select.component.html
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-select.component.html
@@ -21,11 +21,11 @@
                   subscriptSizing="dynamic" [appearance]="inline ? 'outline' : 'fill'">
     <mat-label *ngIf="!inline" translate>alarm.assignee</mat-label>
     <input matInput readonly formControlName="assignee">
-    <span *ngIf="assignee" matPrefix class="user-avatar" [class.inline]="inline"
+    <span *ngIf="assignee" matPrefix class="user-avatar" [class.inline-icon]="inline"
           [style.background-color]="getAvatarBgColor()">
       {{ getUserInitials() }}
     </span>
-    <mat-icon *ngIf="!assignee" matPrefix class="unassigned-icon flex" [class.inline]="inline">account_circle</mat-icon>
-    <mat-icon *ngIf="!disabled" matSuffix class="drop-down-icon flex" [class.inline]="inline">arrow_drop_down</mat-icon>
+    <mat-icon *ngIf="!assignee" matPrefix class="unassigned-icon" [class.inline-icon]="inline">account_circle</mat-icon>
+    <mat-icon *ngIf="!disabled" matSuffix>arrow_drop_down</mat-icon>
   </mat-form-field>
 </ng-container>
diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee.component.scss b/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee.component.scss
index 505db79a36..7aa3c756eb 100644
--- a/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee.component.scss
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee.component.scss
@@ -39,7 +39,7 @@
   height: 28px;
   margin-left: 12px;
   margin-right: 20px;
-  &.inline {
+  &.inline-icon {
     margin-left: 0;
     margin-right: 8px;
   }