Displaying links as a list

display/display.css

@@ -302,10 +302,10 @@
 }
 
 .neighbor-content-links {
-    padding: 0 18px;
+    padding: 5px;
     display: none;
     overflow: hidden;
-    background-color: #000000;
-    flex-direction: row;
+    background-color: #ffffff;
+    flex-direction: column;
     overflow-x: auto;
 }

display/overlays/neighbors.js

 import * as Helpers from "../helpers";
 import jQuery from "jquery";
-import * as Config from "../../config";
 
 export { NodeNeighborOverlay };
 
@@ -41,7 +40,9 @@ class NodeNeighborOverlay {
             "neighbor-content-tabs",
             bottomContainerDiv
         );
+        coll.style.display = "flex";
         this.contentTab = contentTabs;
+        contentTabs.style.display = "flex";
         coll.addEventListener("click", function() {
             if(contentTabs.style.display === "flex") {
                 contentTabs.style.display = "none";
@@ -104,22 +105,10 @@ class NodeNeighborOverlay {
      */
     createReference(target) {
         const linkDiv = document.createElement("div");
-        linkDiv.className = "link-img";
-
-        if ("image" in target) {
-            const linkImage = document.createElement("img");
-            linkImage.src =
-                Config.PLUGIN_PATH + "datasets/images/" + target.image;
-            linkDiv.appendChild(linkImage);
-        }
-
-        if ("name" in target) {
-            Helpers.createHTMLElement("p", linkDiv, {
-                className: "bottom-container-link-text",
-                innerText: target.name,
-            });
-        }
-
+        var linkText = document.createTextNode("- " + target.name);
+        linkDiv.appendChild(linkText);
+        linkDiv.style.margin = "2px";
+        linkDiv.style.cursor = "pointer";
         jQuery(linkDiv).on("click", () => {
             this.graph.focusOnNode(target);
             this.infoOverlay.updateInfoOverlay(target);
@@ -133,10 +122,6 @@ class NodeNeighborOverlay {
      */
     updateTabs(node) {
         this.clearTabContentPages();
-        if(this.contentTab.style.display === "flex") {
-            this.contentTab.style.display = "none";
-        }
-
         for (const link of node.links) {
             const target = link.source == node ? link.target : link.source;
             const reference = this.createReference(target);