Merge branch 'ent-7104-mejoras-de-legibilidad-en-correlacion-de-eventos-2' into 'develop'

Alert correlatioin some improvements

See merge request artica/pandorafms!4147

pandora_console/include/styles/alert.css

@@ -2,6 +2,10 @@
   display: inline-block;
 }
 
+#rules {
+  display: block;
+}
+
 li#li-buttons-alert-list > div {
   margin-left: 10px;
 }
@@ -132,11 +136,14 @@ div.target {
   width: 100%;
 }
 div.target.flex {
-  display: block;
   border: 2px dashed #ddd;
   margin-left: 0em;
   margin-top: 10px;
   padding: 1em;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  height: fit-content;
 }
 
 .fields,
@@ -190,6 +197,8 @@ div#rules.show {
   font-weight: 600;
   background-color: #333;
   word-break: break-all;
+  height: fit-content;
+  min-height: 2.3em;
 }
 
 .field.opacityElements {
@@ -215,6 +224,11 @@ div#rules.show {
   background-color: #82b92e;
 }
 
+.variable:empty::before {
+  content: "empty";
+  font-style: italic;
+}
+
 .modifier {
   background-color: #cba9d2;
 }