From 52158d25e9d638b1d9069d7c1f583cc5f01d0b89 Mon Sep 17 00:00:00 2001
From: xenofem <xenofem@xeno.science>
Date: Tue, 24 May 2022 17:35:49 -0400
Subject: [PATCH] put file list inside details tag

---
 static/css/transbeam.css |  5 +++--
 templates/download.html  | 26 ++++++++++++++------------
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/static/css/transbeam.css b/static/css/transbeam.css
index a8d0792..870067b 100644
--- a/static/css/transbeam.css
+++ b/static/css/transbeam.css
@@ -175,8 +175,9 @@ tr.unavailable td.file_download {
     margin-right: auto;
 }
 
-#download_contents h3 {
-    margin-bottom: 0;
+#download_contents summary {
+    font-size: 24px;
+    font-weight: bold;
 }
 
 #download_contents table {
diff --git a/templates/download.html b/templates/download.html
index f282db2..a4c5b67 100644
--- a/templates/download.html
+++ b/templates/download.html
@@ -26,18 +26,20 @@
     {% match file.contents %}
       {% when Some with (files) %}
         <div id="download_contents" class="section">
-          <h3>Contents</h3>
-          <table><tbody>
-            {% let offsets = offsets.as_ref().unwrap() %}
-            {% for f in files %}
-              <tr class="{% if offsets.get(loop.index0.clone()).unwrap().clone() > available %}unavailable{% endif %}">
-                <td class="file_size">{{ bytesize::to_string(f.size.clone(), false).replace(" ", "") }}</td>
-                <td class="file_name">{{ f.name }}</td>
-                <td class="file_download"><a class="download_button" href="download?code={{ code }}&download={{ loop.index0 }}"></a></td>
-                <td class="file_unavailable"></td>
-              </tr>
-            {% endfor %}
-          </tbody></table>
+          <details>
+            <summary>Show file list</summary>
+            <table><tbody>
+              {% let offsets = offsets.as_ref().unwrap() %}
+              {% for f in files %}
+                <tr class="{% if offsets.get(loop.index0.clone()).unwrap().clone() > available %}unavailable{% endif %}">
+                  <td class="file_size">{{ bytesize::to_string(f.size.clone(), false).replace(" ", "") }}</td>
+                  <td class="file_name">{{ f.name }}</td>
+                  <td class="file_download"><a class="download_button" href="download?code={{ code }}&download={{ loop.index0 }}"></a></td>
+                  <td class="file_unavailable"></td>
+                </tr>
+              {% endfor %}
+            </tbody></table>
+          </details>
         </div>
       {% else %}
     {% endmatch %}