css classes added to specify the context

frontend-js/src/main/js/gui/leftPanel/ChemicalPanel.js

@@ -23,6 +23,8 @@ function ChemicalPanel(params) {
 
   AbstractDbPanel.call(self, params);
 
+  $(params.element).addClass("minerva-chemical-panel");
+
   if (self.getMap().getProject().getDisease() === undefined) {
     self.disablePanel("The Comparative Toxicogenomics Database (CTD) requires a disease context. " +
       "Choose an appropriate MeSH code and provide it in the via the Admin section of this MINERVA platform. " +

frontend-js/src/main/js/gui/leftPanel/DrugPanel.js

@@ -22,6 +22,7 @@ function DrugPanel(params) {
   params.placeholder = "drug, synonym, brand name";
 
   AbstractDbPanel.call(this, params);
+  $(params.element).addClass("minerva-drug-panel");
   var self = this;
   self.getControlElement(PanelControlElementType.SEARCH_LABEL).innerHTML = "SEARCH FOR TARGETS OF:";
 }

frontend-js/src/main/js/gui/leftPanel/GenericSearchPanel.js

@@ -35,6 +35,8 @@ function GenericSearchPanel(params) {
 
   AbstractDbPanel.call(self, params);
 
+  $(params.element).addClass("minerva-generic-search-panel");
+
   self.createSearchGui();
 
   self.getMap().addListener("onBioEntityClick", function (e) {

frontend-js/src/main/js/gui/leftPanel/MiRnaPanel.js

@@ -21,6 +21,7 @@ function MiRnaPanel(params) {
       + '<p>only targets with strong evidence as defined by miRTarBase are displayed<p>separate multiple search by semicolon</p>';
   params.placeholder = "mature seq. ID (miRTarBase)";
   AbstractDbPanel.call(this, params);
+  $(params.element).addClass("minerva-mirna-panel");
   this.getControlElement(PanelControlElementType.SEARCH_LABEL).innerHTML = "SEARCH FOR TARGETS OF:";
 }
 MiRnaPanel.prototype = Object.create(AbstractDbPanel.prototype);