close style fix

client/src/ui.js

@@ -1121,7 +1121,7 @@ Espo.Ui = {
                 .attr('data-dismiss', 'modal')
                 .attr('aria-hidden', 'true')
                 .addClass('close')
-                .html('×');
+                .html(`<span class="fas fa-times"></span>`);
 
             $el.append(
                 $('<div>')

frontend/less/espo/elements/alert.less

@@ -24,22 +24,28 @@ body > .alert {
 
     .close-container {
         width: var(--16px);
+        height: var(--16px);
         float: right;
 
-        height: var(--16px);
-
         .close {
-            right: var(--minus-10px);
+            right: var(--minus-11px);
+            top: var(--minus-1px);
             position: relative;
             color: inherit;
             text-shadow: none;
             opacity: 1;
-
+            background: transparent;
+            padding: 0;
+            border: 0;
             float: none;
 
             &:hover {
                 opacity: 0.7;
             }
+
+            > span {
+                line-height: var(--16px);
+            }
         }
     }
 }