diff --git a/resources/js/app.js b/resources/js/app.js
index d82701e..6e26332 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -207,7 +207,7 @@ const TOKEN_RE = /[A-Za-z0-9\u00C0-\u024F'\u2019\-]+/g;
function scheduleSpellcheck() {
clearTimeout(spellDebounce);
- spellDebounce = setTimeout(runSpellcheck, 600);
+ spellDebounce = setTimeout(runSpellcheck, 20);
}
// Returns the token of the word currently being composed
@@ -638,14 +638,14 @@ async function loadDocuments() {
line1.className = "doc-line1";
line1.textContent = doc.name;
- let displayDate = doc.created;
- if (doc.created) {
- const date = new Date(doc.created);
- displayDate = date.toLocaleString('en-GB');
+ let displayUpdated = '';
+ if (doc.updated) {
+ const d = new Date(doc.updated);
+ displayUpdated = 'Updated: ' + d.toLocaleString();
}
const line2 = document.createElement("div");
- line2.className = "doc-line1";
- line2.textContent = displayDate;
+ line2.className = "doc-updated";
+ line2.textContent = displayUpdated;
const line3 = document.createElement("div");
line3.className = "doc-line2";
diff --git a/resources/styles.css b/resources/styles.css
index 280ef84..974d846 100644
--- a/resources/styles.css
+++ b/resources/styles.css
@@ -20,7 +20,7 @@ h1 {
}
#docStatus {
font-size:13px;
- color:#555;
+ color:#333;
margin:10px 0 8px 0;
min-height:18px;
font-style:italic;
@@ -145,7 +145,7 @@ h1 {
#countContainer {
margin-top:10px;
font-size:0.8rem;
- color:#555;
+ color:#333;
display:flex;
justify-content:center;
gap:10px;
@@ -227,14 +227,17 @@ h1 {
background:#e8f0fe;
border-color:#007bff;
}
- .doc-line1 {
+ .doc-line1, .doc-updated {
font-size:0.72rem;
- color:#444;
+ color:#333;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin-bottom:5px;
}
+ .doc-updated {
+ font-style: italic;
+ }
.doc-line2 {
display:flex;
gap:10px;