diff --git a/src/public/app/widgets/type_widgets/attachment_detail.js b/src/public/app/widgets/type_widgets/attachment_detail.js index 15932d63b..108c5da2e 100644 --- a/src/public/app/widgets/type_widgets/attachment_detail.js +++ b/src/public/app/widgets/type_widgets/attachment_detail.js @@ -48,11 +48,12 @@ export default class AttachmentDetailTypeWidget extends TypeWidget { this.$wrapper.empty(); this.children = []; - const $helpButton = $( - '' - ); + const $helpButton = $(` + + `); utils.initHelpButtons($helpButton); this.$linksWrapper.empty().append( diff --git a/src/public/app/widgets/type_widgets/attachment_list.js b/src/public/app/widgets/type_widgets/attachment_list.js index db5d44771..f6eadb97e 100644 --- a/src/public/app/widgets/type_widgets/attachment_list.js +++ b/src/public/app/widgets/type_widgets/attachment_list.js @@ -40,11 +40,12 @@ export default class AttachmentListTypeWidget extends TypeWidget { } async doRefresh(note) { - const $helpButton = $( - '' - ); + const $helpButton = $(` + + + `); utils.initHelpButtons($helpButton); const noteLink = await linkService.createLink(this.noteId); // do separately to avoid race condition between empty() and .append() @@ -52,7 +53,7 @@ export default class AttachmentListTypeWidget extends TypeWidget { this.$linksWrapper.empty().append( $("").append(t("attachment_list.owning_note"), noteLink), - $("").append( + $(``).append( $('') .text(t("attachment_list.upload_attachments")) .on("click", () => this.triggerCommand("showUploadAttachmentsDialog", { noteId: this.noteId })), diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css index 8f883d8ff..53b7097ac 100644 --- a/src/public/stylesheets/style.css +++ b/src/public/stylesheets/style.css @@ -1536,15 +1536,16 @@ textarea { display: none !important; } +.attachment-actions-toolbar { + display: flex; + align-items: center; +} + .attachment-help-button { - font-size: xx-large; - border: 0; - background: none; - cursor: pointer; - color: var(--main-text-color); - margin-left: 20px; - position: relative; - top: 8px; + display: inline-block; + margin-left: 10px; + vertical-align: middle; + font-size: 1em; } .jump-to-note-dialog .modal-header {