saved is more obvious

spike/review/reinvent/ezmded/server/todo.yaml

@@ -1,5 +1,4 @@
 todo:
-- alert box; https://concisecss.com/documentation/ui
 - table of contents
 - anchor per line
 - scrape odo
@@ -11,6 +10,7 @@ todo:
 - ui; last updated; 2022.02.01T12:34:56
 - mark generated via meta so other files in the dir can be created, deleted, replaced safely
 done:
+- alert box; https://concisecss.com/documentation/ui
 - hide checkbox for tree
 - do not rewrite .md title vs. link cause hrefs to ./gobs.md wont work
 - only one scroll bar

spike/review/reinvent/ezmded/ui/templates/_editor.ctmpl

@@ -52,11 +52,11 @@
 				alert(`failed to push file ${id}: ${status}: ${body}`)
 				throw `failed to push file ${id}: ${status}: ${body}`
 			}
-			document.getElementById("saveFeedback").innerHTML = "success!"
+			document.getElementById("saveFeedback").style.display = "block"
 			if (saveFeedbackInterval) {
 				clearTimeout(saveFeedbackInterval)
 			}
-			saveFeedbackInterval = setTimeout(() => {document.getElementById("saveFeedback").innerHTML = ""}, 5000)
+			saveFeedbackInterval = setTimeout(() => {document.getElementById("saveFeedback").style.display = "none"}, 2500)
 		}, body, headers)
 	}
 	function deleteFile() {
@@ -96,7 +96,10 @@
 		<div id="easyMDEwrap" class="monospace">
 			<textarea id="my-text-area"></textarea>
 		</div>
-		<div id="saveFeedback" style="min-height: 1.2em; text-align: right;">
+		<div style="min-height: 2em;"></div>
+			<div id="saveFeedback" class="button success" style="text-align: right; cursor: auto; display: none;">
+				Saved!
+			</div>
 		</div>
 	</article>
 </div>