note privacy and summary stuff

1 files changed, 15 insertions, 1 deletions

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 {