center icons (some?)

src/app/components/fa-solid-icon/fa-solid-icon.component.scss

@@ -14,6 +14,7 @@
     margin-right: calc(-0.5em - 1px) !important;
   }
   &-height-normal {
+    vertical-align: middle;
     height: 1em !important;
   }
 }

src/app/components/info-tile-edge/info-tile-edge/info-tile-edge.component.html

@@ -5,20 +5,26 @@
   <b
     ><span class="is-capitalized">{{ attribute[0] }}:</span></b
   >
-  <span class="is-capitalized" *ngIf="nodeKeys.includes(attribute[0])">
-    {{ attribute[1].label }}
-    <app-fa-solid-icon
-      icon="search"
+  <a>
+    <span
+      class="is-capitalized is-link"
+      *ngIf="nodeKeys.includes(attribute[0])"
       (click)="zoomTo(attribute[1].id)"
-      class="is-clickable"
-      classString="icon-height-normal"
-    ></app-fa-solid-icon
-  ></span>
+    >
+      {{ attribute[1].label }} ({{
+        drugstoneConfig.currentConfig().nodeGroups[
+          attribute[1][
+            attribute[1].group === "selectedNode" ? "_group" : "group"
+          ]
+        ].groupName
+      }})
+      <app-fa-solid-icon
+        icon="search"
+        classString="icon-height-normal"
+      ></app-fa-solid-icon></span
+  ></a>
 
   <span class="is-capitalized" *ngIf="!nodeKeys.includes(attribute[0])">
     {{ attribute[1] }}
   </span>
 </p>
-
-
-

src/app/components/info-tile/info-tile.component.html

@@ -24,9 +24,12 @@
     }}"
     target="_blank"
   >
-    {{ wrapper.data.symbol }}</a
+    {{ wrapper.data.symbol }} </a
   >
 </p>
+
+
+
 <p
   *ngIf="wrapper.data.uniprotAc"
   [ngClass]="{ 'text-normal': drugstoneConfig.smallStyle }"

src/index.html

@@ -115,7 +115,7 @@ menu<br>
   <drugst-one id="netexp1"
               config="{'activateNetworkMenuButtonAdjacentDisorders':false,'activateNetworkMenuButtonAdjacentDrugs':false, 'activateNetworkMenuButtonAdjacentDisordersDrugs': false, 'licensedDatasets':true}"
               groups='{"nodeGroups":{"important":{"type":"gene","color":"#ff881f","font":{"color":"#000000"},"groupName":"Important Gene","shape":"star"},"gene":{"type":"gene","color":"#4da300","font":{"color":"#f0f0f0"},"groupName":"Gene","shape":"circle"},"foundDrug":{"type":"drug","color":"#F12590","font":{"color":"#000000"},"groupName":"Drug","shape":"diamond"}},"edgeGroups":{"default":{"color":"#000000","groupName":"default edge"}}}'
-              network='{"nodes":[{"id":"CFTR","group":"important","label":"CFTR"},{"id":"TGFB1","group":"gene","label":"TGFB1"},{"id":"TNFRSF1A","group":"gene","label":"TNFRSF1A"},{"id":"FCGR2A","group":"gene","label":"FCGR2A"},{"id":"ENG","group":"gene","label":"ENG"},{"id":"DCTN4","group":"gene","label":"DCTN4"},{"id":"CLCA4","group":"gene","label":"CLCA4"},{"id":"STX1A","group":"gene","label":"STX1A"},{"id":"SCNN1G","group":"gene","label":"SCNN1G"},{"id":"SCNN1A","group":"gene","label":"SCNN1A"},{"id":"SCNN1B","group":"gene","label":"SCNN1B"}],"edges":[{"from":"DCTN4","to":"CFTR"},{"from":"STX1A","to":"SCNN1B","group":"default"},{"from":"SCNN1A","to":"SCNN1G","group":"default"},{"from":"SCNN1B","to":"SCNN1G","group":"default"}]}'>
+              network='{"nodes":[{"id":"CFTr","group":"important","label":"CFTR"},{"id":"TGFB1","group":"gene","label":"TGFB1"},{"id":"TNFRSF1A","group":"gene","label":"TNFRSF1A"},{"id":"FCGR2A","group":"gene","label":"FCGR2A"},{"id":"ENG","group":"gene","label":"ENG"},{"id":"DCTN4","group":"gene","label":"DCTN4"},{"id":"CLCA4","group":"gene","label":"CLCA4"},{"id":"STX1A","group":"gene","label":"STX1A"},{"id":"SCNN1G","group":"gene","label":"SCNN1G"},{"id":"SCNN1A","group":"gene","label":"SCNN1A"},{"id":"SCNN1B","group":"gene","label":"SCNN1B"}],"edges":[{"from":"DCTN4","to":"CFTR", "weight": "5"},{"from":"STX1A","to":"SCNN1B","group":"default"},{"from":"SCNN1A","to":"SCNN1G","group":"default"},{"from":"SCNN1B","to":"SCNN1G","group":"default"}]}'>
     ></drugst-one>
 
   <!--  <drugst-one id="netexp1"-->