Wrap attachments into <details> disclosure element

template/html/entry.html

@@ -92,8 +92,8 @@
         {{ noescape (proxyFilter .entry.Content) }}
     </article>
     {{ if .entry.Enclosures }}
-    <aside class="entry-enclosures">
-        <h3>{{ t "page.entry.attachments" }}</h3>
+    <details class="entry-enclosures">
+        <summary>{{ t "page.entry.attachments" }} ({{ len .entry.Enclosures }})</summary>
         {{ range .entry.Enclosures }}
             <div class="entry-enclosure">
                 {{ if hasPrefix .MimeType "audio/" }}
@@ -120,7 +120,7 @@
                 </div>
             </div>
         {{ end }}
-    </aside>
+        </details>
     {{ end }}
 </section>
 

template/views.go

@@ -657,8 +657,8 @@ var templateViewsMap = map[string]string{
         {{ noescape (proxyFilter .entry.Content) }}
     </article>
     {{ if .entry.Enclosures }}
-    <aside class="entry-enclosures">
-        <h3>{{ t "page.entry.attachments" }}</h3>
+    <details class="entry-enclosures">
+        <summary>{{ t "page.entry.attachments" }} ({{ len .entry.Enclosures }})</summary>
         {{ range .entry.Enclosures }}
             <div class="entry-enclosure">
                 {{ if hasPrefix .MimeType "audio/" }}
@@ -685,7 +685,7 @@ var templateViewsMap = map[string]string{
                 </div>
             </div>
         {{ end }}
-    </aside>
+        </details>
     {{ end }}
 </section>
 
@@ -1354,7 +1354,7 @@ var templateViewsMapChecksums = map[string]string{
 	"edit_category":       "b1c0b38f1b714c5d884edcd61e5b5295a5f1c8b71c469b35391e4dcc97cc6d36",
 	"edit_feed":           "34aa0d668b3ea1a1b5fa480c20cebeae729b37010af3bb915d2a9eed73d3b996",
 	"edit_user":           "c692db9de1a084c57b93e95a14b041d39bf489846cbb91fc982a62b72b77062a",
-	"entry":               "36c75170b4831e96ba7d7726f8c80e5401366c626a1283629712a47f5e1e8caf",
+	"entry":               "fc21489367156b0cd71888e6485f47f3146c73f2a28d1ce8d147771b99478038",
 	"feed_entries":        "9c70b82f55e4b311eff20be1641733612e3c1b406ce8010861e4c417d97b6dcc",
 	"feeds":               "fa06cd1e1e3fec79132386972c640a2fe91237f5dba572389d5f45be74545f25",
 	"history_entries":     "87e17d39de70eb3fdbc4000326283be610928758eae7924e4b08dcb446f3b6a9",

ui/static/css/common.css

@@ -882,8 +882,13 @@ article.feed-parsing-error {
     font-weight: 600;
 }
 
-.entry-enclosures h3 {
+details.entry-enclosures {
+    margin-top: 25px;
+}
+
+.entry-enclosures summary {
     font-weight: 500;
+    font-size: 1.2em;
 }
 
 .entry-enclosure {