note privacy and summary stuff

3 files changed, 21 insertions, 4 deletions

diff --git a/static/form.css b/static/form.css
index cb86003..0e0f978 100644
--- a/static/form.css
+++ b/static/form.css
@@ -9,13 +9,14 @@ form {
   gap: 8px;
   max-width: max-content;
 
-  label:has(+ input, + textarea) {
+  label:has(+ input, + textarea, + select) {
     display: block;
     font-size: 10pt;
     color: #555;
   }
   input:not([type="checkbox"]),
-  textarea {
+  textarea,
+  select {
     display: block;
     border: 1px solid #3334;
     border-radius: 8px;
@@ -25,7 +26,8 @@ form {
     font-size: inherit;
     color: inherit;
     background: #fff;
-    width: min(60vw, 24em, calc(100% - 16px));
+    width: min(60vw, 24em, 100%);
+    box-sizing: border-box;
   }
   textarea {
     resize: vertical;
diff --git a/static/misc.css b/static/misc.css
index 2da35b6..3281def 100644
--- a/static/misc.css
+++ b/static/misc.css
@@ -56,6 +56,7 @@ a.icon {
 span.inlineIcon {
   font-size: inherit;
   color: inherit;
+  user-select: none;
 }
 
 [hidden] {
diff --git a/static/note.css b/static/note.css
index fde4c62..cd9166c 100644
--- a/static/note.css
+++ b/static/note.css
@@ -12,6 +12,7 @@
 
   .icon {
     font-size: 24px;
+    user-select: none;
   }
   a {
     text-decoration: none;
@@ -50,11 +51,21 @@ article.note {
     .selected & {
       font-size: 16pt;
     }
+
+    summary {
+      border: 1px solid #5e380044;
+      border-radius: 8px;
+      padding: 8px 16px;
+      background: #ffda6144;
+    }
+    details[open] > summary {
+      margin-bottom: 8px;
+    }
   }
 
   .infoLine {
     display: grid;
-    grid-template-columns: max-content 1fr max-content;
+    grid-template-columns: max-content 1fr max-content max-content;
     align-items: baseline;
     margin-bottom: 4px;
     gap: 8px;
@@ -75,6 +86,9 @@ article.note {
         text-decoration: underline;
       }
     }
+    .privacyScope.inlineIcon {
+      align-self: center;
+    }
   }
 
   .replyInfo a {