diff --git a/client/src/views/fields/base.js b/client/src/views/fields/base.js
index e7536a46fe..a25f279f9c 100644
--- a/client/src/views/fields/base.js
+++ b/client/src/views/fields/base.js
@@ -1310,32 +1310,27 @@ class BaseFieldView extends View {
addInlineEditLinks() {
const $cell = this.get$cell();
- const $saveLink = $('')
- .attr('role', 'button')
- .attr('tabindex', '-1')
- .addClass('pull-right inline-save-link')
- .attr('title', 'Ctrl+Enter')
- .text(this.translate('Update'));
+ const saveLink = document.createElement('a');
+ saveLink.role = 'button';
+ saveLink.tabIndex = -1;
+ saveLink.title = this.translate('Update') + ' · ' + 'Ctrl+Enter';
+ saveLink.innerHTML = ``;
+ saveLink.classList.add('inline-save-link');
- const $cancelLink = $('')
- .attr('role', 'button')
- .attr('tabindex', '-1')
- .addClass('pull-right inline-cancel-link')
- .attr('title', 'Esc')
- .text(this.translate('Cancel'));
+ const cancelLink = document.createElement('a');
+ cancelLink.role = 'button';
+ cancelLink.tabIndex = -1;
+ cancelLink.title = this.translate('Cancel') + ' · ' + 'Esc';
+ cancelLink.innerHTML = ``;
+ cancelLink.classList.add('inline-cancel-link');
- $cell.prepend($saveLink);
- $cell.prepend($cancelLink);
+ $cell.prepend(saveLink);
+ $cell.prepend(cancelLink);
$cell.find('.inline-edit-link').addClass('hidden');
- $saveLink.click(() => {
- this.inlineEditSave();
- });
-
- $cancelLink.click(() => {
- this.inlineEditClose();
- });
+ saveLink.onclick = () => this.inlineEditSave();
+ cancelLink.onclick = () => this.inlineEditClose();
}
/**
diff --git a/frontend/less/espo/elements/form.less b/frontend/less/espo/elements/form.less
index a1b822cd08..fb32807bb1 100644
--- a/frontend/less/espo/elements/form.less
+++ b/frontend/less/espo/elements/form.less
@@ -465,3 +465,15 @@ input[type="radio"].form-radio {
text-align: left;
}
}
+
+.cell {
+ .inline-save-link {
+ float: right;
+ margin-left: var(--8px);
+ }
+
+ .inline-cancel-link {
+ float: right;
+ margin-left: var(--26px);
+ }
+}