make collapsed/expanded bullets clearer

diff --git a/public/assets/style.css b/public/assets/style.css
index 847e6c1efbf97398279fb94be85f45307a813176..a0495ba36286c0098f1c3ff9ab7ae8ec593b856d 100644 (file)
--- a/public/assets/style.css
+++ b/public/assets/style.css
@@ -38,16 +38,17 @@ body {
   color: #222;
 }
 .node.collapsed::before, .node.expanded::before {
-  content: '\22B3';
   float: left;
   padding-top: 6px;
   padding-right: 5px;
 }
 .node.collapsed::before {
   color: #222;
+  content: '\25B8';
 }
 .node.expanded::before {
   color: #aaa;
+  content: '\25B9';
 }
 
 .node.collapsed > .node {
@@ -58,6 +59,13 @@ body {
   padding: 2px 1rem;;
   line-height: 1.7rem;
 }
+.node.cursor.expanded::before {
+  color: #000;
+  content: '\25B8';
+}
+.node.cursor.collapsed::before {
+  color: #fff;
+}
 .node.cursor > .nodeContent {
   color: #fff;
   background-color: #000;