Giant rework of how file lists are made

1 files changed, 22 insertions, 1 deletions

diff --git a/src/styles.css b/src/styles.css
index 06c308e..66cb5e1 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -375,12 +375,33 @@ blockquote > :last-child {
 
 /* File tables */
 
+.file-wrapper {
+  margin: 0.5em 0;
+}
+
+.file-wrapper > summary {
+  background: url('/img/folder-plus-tabler.svg') no-repeat left top;
+  list-style: none;
+  padding-left: 1.5em;
+  -webkit-user-select: none;  
+  -moz-user-select: none;    
+  -ms-user-select: none;      
+  user-select: none;
+}
+
+.file-wrapper[open] > summary {
+  background: url('/img/folder-minus-tabler.svg') no-repeat left top;
+}
+
+.file-wrapper > summary:hover {
+  cursor: pointer;
+}
+
 .file-list {
   table-layout: auto;
   border-collapse: collapse;
   margin-left: 1.5em;
   width: auto;
-  margin-top: -0.9em;
 }
 
 .file-list td, .file-list tr {