add inbox view

data/static/css/style.css

@@ -625,6 +625,33 @@ form.full-width {
   justify-content: space-evenly;
 }
 
+details {
+  summary {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+
+    & :last-child {
+      margin-left: auto;
+    }
+  }
+
+  &:not([open]) summary::before {
+    content: '▶';
+    padding-inline: var(--base-padding);
+  }
+
+  &[open] summary::before {
+    content: '▼';
+    padding-inline: var(--base-padding);
+  }
+}
+
+details.separated {
+  margin: 0.5em 0;
+}
+
 /* babycode tags */
 .inline-code {
   background-color: var(--code-bg-color);
@@ -768,10 +795,6 @@ pre code {
   .il { color: #A5D6FF } /* Literal.Number.Integer.Long */
 }
 
-summary {
-  cursor: pointer;
-}
-
 p {
   margin: 0.5em 0;
 }