From d7fce3a976fc834f303414cf08399d2a2bd660ae Mon Sep 17 00:00:00 2001
From: Brendan Early <mymindstorm@evermiss.net>
Date: May 23 2021 15:11:04 +0000
Subject: finish file tree


---

diff --git a/assets/css/main.css b/assets/css/main.css
index bfb3c64..be9a34b 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -51,3 +51,35 @@ ol, ul {
   table-layout: fixed;
   word-wrap: break-word;
 }
+
+.tree ul, .tree li {
+  position: relative;
+}
+
+.tree ul {
+ list-style: none;
+}
+
+.tree li::before, .tree li::after {
+ content: "";
+ position: absolute;
+ left: -12px;
+}
+
+.tree li::before {
+ border-top: 1px solid #000;
+ top: 9px;
+ width: 8px;
+ height: 0;
+}
+
+.tree li::after {
+ border-left: 1px solid #000;
+ height: 100%;
+ width: 0px;
+ top: 2px;
+}
+
+.tree ul > li:last-child::after {
+ height: 8px;
+}
diff --git a/templates/package-details.html.j2 b/templates/package-details.html.j2
index 5acfb17..aed0083 100644
--- a/templates/package-details.html.j2
+++ b/templates/package-details.html.j2
@@ -76,7 +76,9 @@
 			{%- endmacro %}
 			<h2>Files</h2>
 
-			{{ gentree(files) }}
+			<div class="tree">
+				{{ gentree(files) }}
+			</div>
 			{% endif %}
 		</div>
 	</body>