default font for nodes because vis js to overwrite fonts that might be set by...

default font for nodes because vis js to overwrite fonts that might be set by seed highlighting or selection

src/app/components/network-legend/network-legend.component.scss

@@ -56,6 +56,7 @@ div.legend {
         height: $legend-circle-size;
         display: inline-block;
         text-align: center;
+        line-height: $legend-circle-line-height;
       }
       .triangle{
         width: 0;

src/app/network-settings.ts

@@ -148,8 +148,8 @@ export class NetworkSettings {
         node = merge(node, config.nodeGroups.selectedNode);
       }
 
-      // show image if image url is given
-      if (node.image) {
+      // show image if image url is given. If seed nodes are highlighted, ignore image property
+      if (node.image && !isSeed) {
         node.shape = 'image';
       }
 

src/app/pages/explorer-page/explorer-page.component.ts

@@ -506,6 +506,9 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit {
       if (!group.borderWidthSelected) {
         group.borderWidthSelected = 0;
       }
+      if (!group.font) {
+        group.font = defaultConfig.nodeGroups.default.font;
+      }
       // if color is set as string, add detail settings
       if (typeof group.color === 'string') {
         group.color = {

src/variables.scss

@@ -18,6 +18,7 @@ $analysis-tab-header-padding: 1.5rem;
 $legend-default-background-color: #143d1f;
 $legend-row-height: 35px;
 $legend-circle-size: $legend-row-height;
+$legend-circle-line-height: 28px; // for '...' in middle of circle
 $legend-star-size: 20px;
 $legend-square-width: $legend-row-height;
 $legend-edge-width: 20px;