IBX-10398: Modal close btn styles update (#1661)

Author: albozek

src/bundle/Resources/public/scss/_modals.scss

@@ -16,6 +16,10 @@
 
         .close {
             @include close-button();
+
+            & {
+                padding: calculateRem(2px);
+            }
         }
     }
 

src/bundle/Resources/views/themes/admin/ui/component/modal/modal.html.twig

@@ -53,17 +53,18 @@
 {% set close_btn_title = 'close_btn.title'|trans({}, 'ibexa_modal')|desc('Close') %}
 {% set close_btn_aria_label = 'close_btn.aria_label'|trans({}, 'ibexa_modal')|desc('Close') %}
 {% set attr_close_btn = attr_close_btn|default({})|merge({
-    class: ('close ' ~ attr_close_btn.class|default(''))|trim,
+    class: ('close ibexa-btn ibexa-btn--ghost ' ~ attr_close_btn.class|default(''))|trim,
     type: attr_close_btn.type|default('button'),
     title: attr_close_btn.title|default(close_btn_title),
     'data-bs-dismiss': attr_close_btn['data-bs-dismiss']|default('modal'),
+    'data-tooltip-container-selector': '.modal-dialog',
     'aria-label': attr_close_btn['aria-label']|default(close_btn_aria_label),
 }) %}
 
 {% set close_btn %}
     <button {{ html.attributes(attr_close_btn) }}>
         <svg
-            class="ibexa-icon ibexa-icon--small-medium"
+            class="ibexa-icon ibexa-icon--medium"
             aria-hidden="true"
         >
             <use xlink:href="{{ ibexa_icon_path('discard') }}"></use>