Better naming for css-classes

display/display.css

@@ -289,11 +289,11 @@
     flex-direction: column;
 }
 
-.active, .collapsible:hover {
+.activation-hover, .collapsible:hover {
     background-color: #ccc;
 }
 
-.content-tabs {
+.neighbor-content-tabs {
     padding: 0 18px;
     display: none;
     overflow: hidden;
@@ -301,7 +301,7 @@
     flex-direction: column;
 }
 
-.content-links {
+.neighbor-content-links {
     padding: 0 18px;
     display: none;
     overflow: hidden;

display/overlays/neighbors.js

@@ -38,7 +38,7 @@ class NodeNeighborOverlay {
         coll.className = "collapsible";
         coll.innerText = "Nachbarn";
         var contentTabs = Helpers.createDiv(
-            "content-tabs",
+            "neighbor-content-tabs",
             bottomContainerDiv
         );
         this.contentTab = contentTabs;
@@ -53,6 +53,7 @@ class NodeNeighborOverlay {
             this.type === "link"
                 ? this.graph.edgeColors
                 : this.graph.nodeColors;
+        // TODO: Colors only fill little part of div
         for (const [cls, color] of Object.entries(colors)) {
             const collTab = Helpers.createDiv(
                 "button",
@@ -64,7 +65,7 @@ class NodeNeighborOverlay {
             collTab.type = cls;
             this.tabNavHandles[cls] = collTab;
             const collTabContent = Helpers.createDiv(
-                "content-links",
+                "neighbor-content-links",
                 contentTabs
             );
             this.tabContentPages[cls] = collTabContent;
@@ -82,7 +83,6 @@ class NodeNeighborOverlay {
      * Clears the images from all tab content pages.
      */
     clearTabContentPages() {
-        //TODO: Clear all content of content containers
         for (const page of Object.values(this.tabContentPages)) {
             jQuery(page).empty();
             if(page.style.display === "flex") {