implement editing pages

3 files changed, 20 insertions, 0 deletions

diff --git a/static/form.css b/static/form.css
index 12e3ab3..f807e4f 100644
--- a/static/form.css
+++ b/static/form.css
@@ -197,6 +197,17 @@ form:not(.nopanel) {
     }
   }
 
+  &.pageEditForm {
+    max-width: 100%;
+    input,
+    textarea {
+      width: 100%;
+    }
+    textarea {
+      height: 16lh;
+    }
+  }
+
   .actionButtons {
     display: grid;
     justify-content: end;
diff --git a/static/note.css b/static/note.css
index 8fa8424..09dbd60 100644
--- a/static/note.css
+++ b/static/note.css
@@ -75,6 +75,7 @@ article.note {
     padding: var(--spacing-half) 0;
     overflow-x: hidden;
     overflow-wrap: break-word;
+    word-break: break-word;
     .selected & {
       font-size: var(--font-big-size);
     }
diff --git a/static/pages.css b/static/pages.css
index e476d04..84c872f 100644
--- a/static/pages.css
+++ b/static/pages.css
@@ -14,6 +14,13 @@
     margin: var(--spacing-double) 0;
   }
 }
+
+.pageHeader {
+  display: grid;
+  grid-template-columns: 1fr max-content;
+  align-items: end;
+}
+
 .pageAuthor {
   display: flex;
   gap: var(--spacing-single);
@@ -40,6 +47,7 @@
   margin-top: var(--spacing-double);
   overflow-x: hidden;
   overflow-wrap: break-word;
+  word-break: break-word;
 
   p,
   ul,