Annotator: Nicer flow for log diagram title

app/www/annotate.js

@@ -842,6 +842,7 @@ class Annotator extends EventTarget {
                 let titleEl = document.createElement('div');
                 titleEl.classList.add('drawing-title');
                 titleEl.innerText = this.title ?? "[add title]"
+                titleEl.title = this.title ?? "[click to add title for this diagram]"
                 titleEl.addEventListener('click', (ev) => {
                     const title = prompt("Change the title for the drawing", this.title ?? "");
                     if(title === null) return; //cancel

app/www/svganim.css

@@ -265,6 +265,9 @@ path.before_in {
     font-weight: bold;
     padding: 10px;
     cursor: pointer;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
 }
 
 .metadataconfig .audioconfig{