more stuff :3

- post form detects images better
- post form is preserved across navigations
- post form has most options hidden
- details/summaries use nicer icons

3 files changed, 32 insertions, 0 deletions

diff --git a/static/form.css b/static/form.css
index b82240e..8bcefde 100644
--- a/static/form.css
+++ b/static/form.css
@@ -77,6 +77,20 @@ form:not(.nopanel) {
       }
     }
 
+    details {
+      summary {
+        border-radius: var(--border-radius);
+        margin-bottom: var(--spacing-single);
+        padding: var(--spacing-single) var(--spacing-double);
+        background-color: var(--clr-secondary);
+        font-weight: bold;
+        cursor: pointer;
+      }
+      &[open] summary {
+        margin-bottom: var(--spacing-single);
+      }
+    }
+
     .miniProfile {
       display: grid;
       grid-template-columns: max-content 1fr;
diff --git a/static/misc.css b/static/misc.css
index d9a491c..ab2ba35 100644
--- a/static/misc.css
+++ b/static/misc.css
@@ -143,6 +143,23 @@ pre {
   }
 }
 
+summary {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-single);
+
+  &::before {
+    display: inline-block;
+    width: 1em;
+    aspect-ratio: 1;
+    content: "";
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m15 19l-1.425-1.4l4.6-4.6H2v-2h16.175L13.6 6.4L15 5l7 7z'/%3E%3C/svg%3E");
+  }
+}
+details[open] > summary::before {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 19v-2h6.6L4 5.4L5.4 4L17 15.6V9h2v10z'/%3E%3C/svg%3E");
+}
+
 [hidden] {
   display: none !important;
 }
diff --git a/static/note.css b/static/note.css
index c9b02d0..bc1e2ec 100644
--- a/static/note.css
+++ b/static/note.css
@@ -61,6 +61,7 @@ article.note {
     padding: var(--spacing-single) var(--spacing-double);
     background: var(--clr-warning-background);
     margin: var(--spacing-single) 0;
+    cursor: pointer;
   }
   details[open] > summary {
     margin-bottom: var(--spacing-half);