small usability improvements

public/javascripts/note_tree.js

@@ -3,6 +3,7 @@
 const noteTree = (function() {
     const treeEl = $("#tree");
     const parentListEl = $("#parent-list");
+    const parentListListEl = $("#parent-list-list");
 
     let startNotePath = null;
     let notesTreeMap = {};
@@ -280,9 +281,7 @@ const noteTree = (function() {
         }
         else {
             parentListEl.show();
-            parentListEl.empty();
-
-            const list = $("<ul/>");
+            parentListListEl.empty();
 
             for (const parentNoteId of parents) {
                 const parentNotePath = getSomeNotePath(parentNoteId);
@@ -299,10 +298,8 @@ const noteTree = (function() {
                     item = link.createNoteLink(notePath, title);
                 }
 
-                list.append($("<li/>").append(item));
+                parentListListEl.append($("<li/>").append(item));
             }
-
-            parentListEl.append(list);
         }
     }
 

views/index.ejs

@@ -66,6 +66,9 @@
       </div>
 
       <div id="parent-list">
+        <p><strong>Note locations:</strong></p>
+
+        <ul id="parent-list-list"></ul>
       </div>
 
       <div class="hide-toggle" style="grid-area: title;">
@@ -90,7 +93,7 @@
 
           <input autocomplete="off" value="" id="note-title" style="font-size: x-large; border: 0; flex-grow: 100;" tabindex="1">
 
-          <button class="btn btn-xs" onclick="noteHistory.showCurrentNoteHistory();">History</button>
+          <button class="btn btn-xs" style="margin-right: 10px;" onclick="noteHistory.showCurrentNoteHistory();">Note history</button>
         </div>
       </div>