diff --git a/app/main.css b/app/main.css
index 4210a27f..3d9ca5f6 100644
--- a/app/main.css
+++ b/app/main.css
@@ -105,10 +105,22 @@ details {
overflow: hidden;
}
+details > summary::-webkit-details-marker {
+ display: none;
+}
+
+details > summary > svg {
+ transition: all 0.25s cubic-bezier(0.07, 0.95, 0, 1);
+}
+
details[open] {
overflow-y: auto;
}
+details[open] > summary > svg {
+ transform: rotate(90deg);
+}
+
footer li:hover {
text-decoration: underline;
}
diff --git a/app/ui/archiveTile.js b/app/ui/archiveTile.js
index 6ef712cd..414c6722 100644
--- a/app/ui/archiveTile.js
+++ b/app/ui/archiveTile.js
@@ -126,11 +126,22 @@ function archiveDetails(translate, archive) {
${archive.open ? 'open' : ''}
ontoggle="${toggled}"
>
- ${translate('fileCount', {
- num: archive.manifest.files.length
- })}
+
+ ${translate('fileCount', {
+ num: archive.manifest.files.length
+ })}
+
${list(
archive.manifest.files.map(f => fileInfo(f)),
'list-reset h-full'
diff --git a/assets/arrow-r.svg b/assets/arrow-r.svg
deleted file mode 100644
index a0669c3a..00000000
--- a/assets/arrow-r.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
\ No newline at end of file