IBX-10421: Fixed invite members styling (#1744)

Author: alekmick

src/bundle/Resources/public/scss/_user-invitation-modal.scss

@@ -137,4 +137,8 @@
     &__file-select {
         margin-bottom: calculateRem(30px);
     }
+
+    &__label {
+        margin-top: calculateRem(18px);
+    }
 }

src/bundle/Resources/translations/ibexa_user_invitation.en.xliff

@@ -31,6 +31,11 @@
         <target state="new">Cancel</target>
         <note>key: modal.cancel.label</note>
       </trans-unit>
+      <trans-unit id="9eae227b7c27ab230a6d0ce5947d93e7d2e1626f" resname="modal.delete">
+        <source>Delete</source>
+        <target state="new">Delete</target>
+        <note>key: modal.delete</note>
+      </trans-unit>
       <trans-unit id="7fe6937710fc7ea8e9233c52f19086aa536bc9d2" resname="modal.drop">
         <source>Drag and drop file</source>
         <target state="new">Drag and drop file</target>

src/bundle/Resources/views/themes/admin/user/invitation/modal_entry.html.twig

@@ -1,11 +1,15 @@
+{% trans_default_domain 'ibexa_user_invitation' %}
+
 <div class="ibexa-user-invitation-modal__entry">
     {% block entry_form_fields %}{% endblock %}
     <button
         type="button"
         class="btn ibexa-btn ibexa-btn--ghost ibexa-btn--no-text ibexa-user-invitation-modal__entry-delete-btn"
+        title={{ 'modal.delete'|trans|desc('Delete') }}
+        data-tooltip-container-selector=".modal-dialog"
     >
         <svg class="ibexa-icon ibexa-icon--small">
-            <use xlink:href="{{ ibexa_icon_path('discard') }}"></use>
+            <use xlink:href="{{ ibexa_icon_path('trash') }}"></use>
         </svg>
     </button>
     <div class="ibexa-user-invitation-modal__entry-issues ibexa-form-error"></div>