Hover animation for links and some styling

display/display.css

@@ -309,3 +309,13 @@
     flex-direction: column;
     overflow-x: auto;
 }
+
+.link-neighbor {
+    cursor: pointer;
+    margin: 2px;
+    font-size: 14px;
+}
+
+.activation-hover, .link-neighbor:hover {
+    background-color: #ccc;
+}

display/overlays/neighbors.js

@@ -38,7 +38,9 @@ class NodeNeighborOverlay {
         coll.className = "collapsible";
         coll.innerText = "Verwandte Inhalte";
         coll.style.display = "flex";
-        coll.style.textDecoration = "underline black";
+        coll.style.fontWeight = "bold";
+        coll.style.textAlign = "center";
+        coll.style.fontSize = "20px";
 
         // Div that displays the information about all the chapters
         var contentTabs = Helpers.createDiv(
@@ -110,9 +112,8 @@ class NodeNeighborOverlay {
     createReference(target) {
         const linkDiv = document.createElement("div");
         var linkText = document.createTextNode("- " + target.name);
+        linkDiv.className = "link-neighbor";
         linkDiv.appendChild(linkText);
-        linkDiv.style.margin = "2px";
-        linkDiv.style.cursor = "pointer";
         jQuery(linkDiv).on("click", () => {
             this.graph.focusOnNode(target);
             this.infoOverlay.updateInfoOverlay(target);