..F....... [ZBX-21816] fixed incorrect 'i' icon alignment in Problems compact view

Merge in ZBX/zabbix from feature/ZBX-21816-5.0 to release/5.0

* commit 'b2455388f4e1fa30271d0e3553639331dd6708a3':
  ..F....... [ZBX-21816] fixed incorrect 'i' icon alignment in Problems compact view

6 files changed, 25 insertions, 34 deletions

diff --git a/ChangeLog.d/bugfix/ZBX-21816 b/ChangeLog.d/bugfix/ZBX-21816
new file mode 100644
index 00000000000..a9b8687be42
--- /dev/null
+++ b/ChangeLog.d/bugfix/ZBX-21816
@@ -0,0 +1 @@
+..F....... [ZBX-21816] fixed incorrect "i" icon alignment in Problems compact view Info column (kkuzmina)
diff --git a/sass/stylesheets/sass/screen.scss b/sass/stylesheets/sass/screen.scss
index 3975b92b7ba..2fe39cf7766 100644
--- a/sass/stylesheets/sass/screen.scss
+++ b/sass/stylesheets/sass/screen.scss
@@ -502,8 +502,6 @@ form {
 			white-space: nowrap;
 
 			[class*='icon-'] {
-				vertical-align: middle;
-
 				&::after {
 					margin: 0;
 					line-height: 14px;
diff --git a/ui/assets/styles/blue-theme.css b/ui/assets/styles/blue-theme.css
index 53af9c218b0..078056e11ff 100644
--- a/ui/assets/styles/blue-theme.css
+++ b/ui/assets/styles/blue-theme.css
@@ -1234,14 +1234,12 @@ form.is-loading {
     line-height: 1;
     vertical-align: middle;
     white-space: nowrap; }
-    .list-table.compact-view td [class*='icon-'] {
-      vertical-align: middle; }
-      .list-table.compact-view td [class*='icon-']::after {
-        margin: 0;
-        line-height: 14px;
-        top: 0; }
-      .list-table.compact-view td [class*='icon-']:last-of-type {
-        margin-right: 0; }
+    .list-table.compact-view td [class*='icon-']::after {
+      margin: 0;
+      line-height: 14px;
+      top: 0; }
+    .list-table.compact-view td [class*='icon-']:last-of-type {
+      margin-right: 0; }
     .list-table.compact-view td .rel-container span {
       margin: 0; }
     .list-table.compact-view td .tag {
diff --git a/ui/assets/styles/dark-theme.css b/ui/assets/styles/dark-theme.css
index 3b157f0828c..fe086b001ce 100644
--- a/ui/assets/styles/dark-theme.css
+++ b/ui/assets/styles/dark-theme.css
@@ -1245,14 +1245,12 @@ form.is-loading {
     line-height: 1;
     vertical-align: middle;
     white-space: nowrap; }
-    .list-table.compact-view td [class*='icon-'] {
-      vertical-align: middle; }
-      .list-table.compact-view td [class*='icon-']::after {
-        margin: 0;
-        line-height: 14px;
-        top: 0; }
-      .list-table.compact-view td [class*='icon-']:last-of-type {
-        margin-right: 0; }
+    .list-table.compact-view td [class*='icon-']::after {
+      margin: 0;
+      line-height: 14px;
+      top: 0; }
+    .list-table.compact-view td [class*='icon-']:last-of-type {
+      margin-right: 0; }
     .list-table.compact-view td .rel-container span {
       margin: 0; }
     .list-table.compact-view td .tag {
diff --git a/ui/assets/styles/hc-dark.css b/ui/assets/styles/hc-dark.css
index 940221c24d3..1d0e3ebc34e 100644
--- a/ui/assets/styles/hc-dark.css
+++ b/ui/assets/styles/hc-dark.css
@@ -1198,14 +1198,12 @@ form.is-loading {
     line-height: 1;
     vertical-align: middle;
     white-space: nowrap; }
-    .list-table.compact-view td [class*='icon-'] {
-      vertical-align: middle; }
-      .list-table.compact-view td [class*='icon-']::after {
-        margin: 0;
-        line-height: 14px;
-        top: 0; }
-      .list-table.compact-view td [class*='icon-']:last-of-type {
-        margin-right: 0; }
+    .list-table.compact-view td [class*='icon-']::after {
+      margin: 0;
+      line-height: 14px;
+      top: 0; }
+    .list-table.compact-view td [class*='icon-']:last-of-type {
+      margin-right: 0; }
     .list-table.compact-view td .rel-container span {
       margin: 0; }
     .list-table.compact-view td .tag {
diff --git a/ui/assets/styles/hc-light.css b/ui/assets/styles/hc-light.css
index e444516ac77..3797ecaf444 100644
--- a/ui/assets/styles/hc-light.css
+++ b/ui/assets/styles/hc-light.css
@@ -1198,14 +1198,12 @@ form.is-loading {
     line-height: 1;
     vertical-align: middle;
     white-space: nowrap; }
-    .list-table.compact-view td [class*='icon-'] {
-      vertical-align: middle; }
-      .list-table.compact-view td [class*='icon-']::after {
-        margin: 0;
-        line-height: 14px;
-        top: 0; }
-      .list-table.compact-view td [class*='icon-']:last-of-type {
-        margin-right: 0; }
+    .list-table.compact-view td [class*='icon-']::after {
+      margin: 0;
+      line-height: 14px;
+      top: 0; }
+    .list-table.compact-view td [class*='icon-']:last-of-type {
+      margin-right: 0; }
     .list-table.compact-view td .rel-container span {
       margin: 0; }
     .list-table.compact-view td .tag {