Make it look nice

assets/static/css/filepicker.css

@@ -1,26 +1,35 @@
 .filepicker {
-
 	details:has(input[type=radio]:checked)>summary,
 	label:has(input[type=radio]:checked) {
 		background-color: lightblue;
 	}
-
-	.directories {
-		margin-left: 0.7em;
-	}
-
-	.files>li {
-		list-style-type: none;
-	}
-
-	.directories+.files {
-		margin-top: 0;
-	}
-
-	.directories:has(+ .files) {
+	.files, .directories {
 		margin-bottom: 0;
+		margin-top: 0.3em;
+	}
+	input[type="radio"] {
+		display: none;
+	}
+	details {
+		margin: 0 0 0.3em;
+	}
+	li {
+		list-style-type: "📄";
+	}
+	summary {
+		display: list-item;
+		list-style-position: outside;
+		details[open] > & {
+			list-style-type: "📂";
+		}
+		details:not([open]) > & {
+			list-style-type: "📁";
+		}
+	}
+	li, summary {
+		padding-left: 0.5em;
+		cursor: pointer;
 	}
-
 	max-height: 30em;
 	overflow-y: scroll;
 }