style(next)/ribbon: improve the appearance of the Edited Notes list

Author: adoriandoran

apps/client/src/stylesheets/theme-next/ribbon.css

@@ -108,6 +108,25 @@ div.editability-dropdown a.dropdown-item {
     font-size: 0.85em;
 }
 
+/*
+ * Edited notes (for calendar notes)
+ */
+
+/* The path of the note */
+.edited-notes-list small {
+    margin-inline-start: 4px;
+    font-size: inherit;
+    color: var(--muted-text-color);
+}
+
+.edited-notes-list small::before {
+    content: "(";
+}
+
+.edited-notes-list small::after {
+    content: ")";
+}
+
 /*
  * Owned attributes
  */

apps/client/src/widgets/ribbon_widgets/edited_notes.ts

@@ -19,7 +19,7 @@ const TPL = /*html*/`
 
     <div class="no-edited-notes-found">${t("edited_notes.no_edited_notes_found")}</div>
 
-    <div class="edited-notes-list"></div>
+    <div class="edited-notes-list use-tn-links"></div>
 </div>
 `;