diff --git a/src/public/app/layouts/desktop_main_window_layout.js b/src/public/app/layouts/desktop_main_window_layout.js
index 60c1d82ef..187448eaa 100644
--- a/src/public/app/layouts/desktop_main_window_layout.js
+++ b/src/public/app/layouts/desktop_main_window_layout.js
@@ -62,14 +62,19 @@ const RIGHT_PANE_CSS = `
}
#right-pane .widget-header-action {
- color: var(--link-color) !important;
cursor: pointer;
+ color: var(--main-text-color) !important;
+ text-decoration: none;
+ font-size: large;
+ position: relative;
+ top: 2px;
}
#right-pane .widget-help {
color: var(--muted-text-color);
position: relative;
top: 2px;
+ font-size: large;
}
#right-pane .widget-help.no-link:hover {
@@ -82,6 +87,7 @@ const RIGHT_PANE_CSS = `
color: var(--main-text-color) !important;
position: relative;
top: 2px;
+ font-size: large;
}
#right-pane .widget-toggle-button:hover {
diff --git a/src/public/app/widgets/collapsible_widget.js b/src/public/app/widgets/collapsible_widget.js
index 414f850b4..040ea7769 100644
--- a/src/public/app/widgets/collapsible_widget.js
+++ b/src/public/app/widgets/collapsible_widget.js
@@ -77,13 +77,7 @@ export default class CollapsibleWidget extends TabAwareWidget {
}
this.$headerActions = this.$widget.find('.widget-header-actions');
- let headerActions = this.headerActions;
-
- if (headerActions.length > 0) {
- headerActions = ["(", ...headerActions, ")"];
- }
-
- this.$headerActions.append(...headerActions);
+ this.$headerActions.append(this.headerActions);
this.initialized = this.doRenderBody();
diff --git a/src/public/app/widgets/collapsible_widgets/link_map.js b/src/public/app/widgets/collapsible_widgets/link_map.js
index 758f2d1f7..46586b6ab 100644
--- a/src/public/app/widgets/collapsible_widgets/link_map.js
+++ b/src/public/app/widgets/collapsible_widgets/link_map.js
@@ -24,7 +24,11 @@ export default class LinkMapWidget extends CollapsibleWidget {
}
get headerActions() {
- const $showFullButton = $("").append("show full").addClass('widget-header-action');
+ const $showFullButton = $("")
+ .addClass("bx bx-map-alt")
+ .addClass('widget-header-action')
+ .attr('title', 'Show full link map');
+
$showFullButton.on('click', async () => {
const linkMapDialog = await import("../../dialogs/link_map.js");
linkMapDialog.showDialog();
diff --git a/src/public/app/widgets/collapsible_widgets/note_revisions.js b/src/public/app/widgets/collapsible_widgets/note_revisions.js
index f97f1aa98..2f915086e 100644
--- a/src/public/app/widgets/collapsible_widgets/note_revisions.js
+++ b/src/public/app/widgets/collapsible_widgets/note_revisions.js
@@ -21,7 +21,11 @@ class NoteRevisionsWidget extends CollapsibleWidget {
}
get headerActions() {
- const $showFullButton = $("").append("show dialog").addClass('widget-header-action');
+ const $showFullButton = $("")
+ .addClass("bx bx-list-ul")
+ .addClass('widget-header-action')
+ .attr('title', 'Show Note revisions dialog');
+
$showFullButton.on('click', async () => {
const attributesDialog = await import("../../dialogs/note_revisions.js");
attributesDialog.showCurrentNoteRevisions(this.noteId);
diff --git a/src/public/app/widgets/collapsible_widgets/what_links_here.js b/src/public/app/widgets/collapsible_widgets/what_links_here.js
index 2124efd3b..9b3a8d63a 100644
--- a/src/public/app/widgets/collapsible_widgets/what_links_here.js
+++ b/src/public/app/widgets/collapsible_widgets/what_links_here.js
@@ -15,7 +15,11 @@ export default class WhatLinksHereWidget extends CollapsibleWidget {
}
get headerActions() {
- const $showFullButton = $("").append("show link map").addClass('widget-header-action');
+ const $showFullButton = $("")
+ .addClass("bx bx-map-alt")
+ .addClass('widget-header-action')
+ .attr('title', 'Show full link map');
+
$showFullButton.on('click', async () => {
const linkMapDialog = await import("../../dialogs/link_map.js");
linkMapDialog.showDialog();