Add delete token UI for info page

web/static/app.js

@@ -230,7 +230,9 @@
 
     var warn = el('div', 'warn');
     warn.appendChild(el('h2', null, 'Delete token'));
-    warn.appendChild(el('p', null, 'Shown once. Keep it if you want to remove the file before it expires.'));
+    warn.appendChild(el('p', null,
+      'Shown once. Keep it alongside the share link: pasting it under ' +
+      '"Remove this file" on that page deletes the file before it expires.'));
     warn.appendChild(el('p', 'mono wrap', r.delete_token));
     card.appendChild(warn);
 

web/static/style.css

@@ -212,3 +212,26 @@ table.admin form { margin: 0; }
 button.small { padding: .2rem .5rem; font-size: .75rem; }
 
 .cli code, .hint code { background: var(--bg); padding: .1rem .3rem; border-radius: 4px; }
+
+/* Disclosure sections and inline errors ----------------------------------- */
+
+details > summary {
+  cursor: pointer;
+  font-weight: 500;
+  padding: .125rem 0;
+}
+details[open] > summary { margin-bottom: .75rem; }
+details .field { margin-top: .75rem; max-width: 28rem; }
+
+p.error {
+  margin: 0 0 .75rem;
+  padding: .5rem .75rem;
+  color: var(--danger);
+  background: var(--warn-bg);
+  border: 1px solid var(--danger);
+  border-radius: 6px;
+  font-size: .875rem;
+}
+
+.card .actions { margin: 1.25rem 0; }
+.card > .field:last-child { margin-bottom: 0; }