implement note editing

and improve display of edited note timestamps

1 files changed, 14 insertions, 1 deletions

diff --git a/static/form.css b/static/form.css
index 6f474c1..bb8655d 100644
--- a/static/form.css
+++ b/static/form.css
@@ -61,7 +61,8 @@ form:not(.nopanel) {
     margin: 0;
   }
 
-  &.noteReplyForm {
+  &.noteReplyForm,
+  &.noteEditForm {
     background: none;
     border: none;
     padding: 0;
@@ -76,8 +77,12 @@ form:not(.nopanel) {
       box-sizing: border-box;
     }
   }
+  &.noteEditForm {
+    margin-top: var(--spacing-single);
+  }
 
   &.noteReplyForm,
+  &.noteEditForm,
   &#writeNoteForm {
     details {
       summary {
@@ -178,6 +183,14 @@ form:not(.nopanel) {
       font-size: var(--font-normal-size);
     }
   }
+
+  .actionButtons {
+    display: grid;
+    justify-content: end;
+    align-items: baseline;
+    grid-auto-flow: column;
+    gap: var(--spacing-double);
+  }
 }
 
 input[type="checkbox"] {