Root node styling, other styles apply

Author: nikitaeverywhere

package.json

@@ -1,6 +1,6 @@
 {
   "name": "iknow-entity-browser",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Visualizer for iKnow entities",
   "main": "gulpfile.babel.js",
   "scripts": {

src/static/js/model/index.js

@@ -17,6 +17,7 @@ function fold (tree) {
     tree.children.push({
         label: `${ rest.length } more`,
         type: "folder",
+        edgeType: rest[0].edgeType,
         _children: rest,
         children: [],
         radius: 10,

src/static/scss/graph.scss

@@ -10,13 +10,13 @@
 
     .links line {
         &.similar {
-            stroke: #70d9ff;
+            stroke: #7ca1ff;
         }
         &.related {
-            stroke: #ccc;
+            stroke: #ffb840;
         }
         &.other {
-            stroke: #c11;
+            stroke: #bbb;
         }
     }
 
@@ -35,13 +35,17 @@
             }
 
             &.folder circle {
-                fill: #b58aff;
+                fill: #bbb;
             }
 
             &.selected circle {
                 stroke: #000;
             }
 
+            &.root circle {
+                fill: #ffb840;
+            }
+
             text {
                 text-anchor: middle;
                 pointer-events: none;