uprava vzhledu dir tree

css/style.css

@@ -23,26 +23,33 @@ ul:nth-child(1) {
 }
 
 li:hover {
-  background-color: blue;
+  background-color: rgb(0, 0, 130);
+  color: white;
+}
+
+li {
+  cursor: pointer;
+  user-select: none;
 }
 
 li::before {
   content: "";
-  margin-right: 5pt;
-  width: 1em;
-  height: 1em;
+  color: black;
   display: inline-block;
 }
-li[style]::before {
-  content: "";
-  display: inline-block;
-  background-image: url("../img/arrow-down.svg");
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: center;
-  width: 0.7em;
-  height: 0.7em;
-  margin-right: 3pt;
+
+.caret-down::before {
+  transform: rotate(90deg);  
+}
+.nested {
+  display: none;
+}
+.active {
+  display: block;
+}
+.caret::before {
+  content: "\25B6";
+  margin-right: 6px;
 }
 
 .container {
@@ -64,12 +71,16 @@ aside {
   height: 100%;
   grid-area: aside;
   overflow-y: scroll;
-  margin-right: 2px solid #ccc;
+  margin-right: 2px solid #c3c3c3;
 }
 
 footer {
-  border-top: 2px solid #ccc;
+  border-top: 2px solid #c3c3c3;
   grid-area: footer;
   text-align: right;
   padding: 0.3em 2em;
 }
+
+sub {
+  display: block;
+}