triggers panel: fix broken styles, #522

src/sass/_panel-triggers.scss

@@ -5,14 +5,24 @@
 .triggers-panel-container {
   position: relative;
 
-  .zabbix-hostname {
-    color: $gray-2;
-    margin-left: 1rem;
+  .zabbix-trigger-name {
     font-weight: bold;
   }
 
-  .alert-list-info.zbx-description {
+  .zabbix-hostname {
+    color: $gray-2;
+    margin-left: 1rem;
+    font-weight: 500;
+  }
+
+  .zbx-description {
     color: $gray-3;
+    font-weight: normal;
+    margin-left: 0.6rem;
+
+    &--newline {
+      margin-left: 0rem;
+    }
   }
 
   .zbx-trigger-tags {
@@ -20,7 +30,10 @@
 
     .zbx-tag {
       color: $zbx-tag-color;
-      padding: 0px 6px;
+      font-weight: 500;
+      font-size: 12px;
+      margin-right: 4px;
+      padding: 1px 6px;
       cursor: pointer;
     }
   }
@@ -30,19 +43,20 @@
   }
 
   .trigger-info-block {
-    display: inline-flex;
+    display: flex;
 
     i, a {
-      margin-left: 0.6rem;
+      margin-right: 0.3rem;
       color: $gray-2;
     }
+  }
 
-    .zabbix-trigger-source {
-      margin-right: 1.5rem;
-      font-weight: bold;
-      .gicon-datasources {
-        opacity: 0.4;
-      }
+  .zabbix-trigger-source {
+    margin-right: 1.5rem;
+    margin-left: 1rem;
+    font-weight: 500;
+    .gicon-datasources {
+      opacity: 0.4;
     }
   }