styling fixed

CHANGELOG

@@ -3,6 +3,7 @@ minerva (15.0.0~beta.4) unstable; urgency=medium
     handled in annotations (#1190),
   * Small improvement: 3DMET, Evidence Code Ontology, Kegg Glycan, LipidBank,
     Chemical Component Dictionary annotations are supported (#1190)
+  * Small improvement: small css improvement in info tab (#1104)
   * Bug fix: export unknown species to GPML caused pathvisio to crash (#1215)
   * Bug fix: annotations in CD 2.5 caused import to crash (#1125)
   * Bug fix: complex reaction with two required reactants in CD 2.5 caused

frontend-js/src/main/js/gui/PanelControlElementType.js

@@ -5,7 +5,6 @@ var PanelControlElementType = {
   SEARCH_LABEL : "SEARCH_LABEL",
   SEARCH_INPUT : "SEARCH_INPUT",
   SEARCH_BUTTON : "SEARCH_BUTTON",
-  SEARCH_RESULTS_DIV : "SEARCH_RESULTS_DIV",
   SEARCH_RESULTS_NAV_TAB : "SEARCH_RESULTS_NAV_TAB",
   SEARCH_RESULTS_CONTENT_TAB : "SEARCH_RESULTS_CONTENT_TAB",
 

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

@@ -169,7 +169,6 @@ AbstractDbPanel.prototype._initializeGui = function (placeholder) {
     className: "tabbable boxed parentTabs"
   });
   this.getElement().appendChild(searchResultsDiv);
-  this.setControlElement(PanelControlElementType.SEARCH_RESULTS_DIV, searchResultsDiv);
 
   var searchResultsNavTabDiv = Functions.createElement({
     type: "ul",

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

@@ -6,6 +6,7 @@ var $ = require('jquery');
 /* exported logger */
 // noinspection JSUnusedLocalSymbols
 var logger = require('../../logger');
+var Functions = require('../../Functions');
 
 var AbstractDbPanel = require('./AbstractDbPanel');
 var PanelControlElementType = require('../PanelControlElementType');
@@ -46,7 +47,7 @@ ChemicalPanel.prototype.constructor = ChemicalPanel;
 ChemicalPanel.prototype.createPreamble = function (chemical) {
   var self = this;
   var guiUtils = self.getGuiUtils();
-  var result = document.createElement("div");
+  var result = Functions.createElement({type: "div", style: "padding:8px"});
   if (chemical === undefined || chemical.getName() === undefined) {
     result.appendChild(guiUtils.createLabel("NOT FOUND"));
   } else {

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

@@ -5,6 +5,7 @@ var $ = require('jquery');
 
 /* exported logger */
 var logger = require('../../logger');
+var Functions = require('../../Functions');
 
 var AbstractDbPanel = require('./AbstractDbPanel');
 var PanelControlElementType = require('../PanelControlElementType');
@@ -39,7 +40,7 @@ DrugPanel.prototype.constructor = DrugPanel;
 DrugPanel.prototype.createPreamble = function (drug) {
   var self = this;
   var guiUtils = self.getGuiUtils();
-  var result = document.createElement("div");
+  var result = Functions.createElement({type: "div", style: "padding:8px"});
   if (drug === undefined || drug.getName() === undefined) {
     result.appendChild(guiUtils.createLabel("NOT FOUND"));
   } else {

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

@@ -5,6 +5,7 @@ var $ = require('jquery');
 
 /* exported logger */
 var logger = require('../../logger');
+var Functions = require('../../Functions.js');
 
 var AbstractDbPanel = require('./AbstractDbPanel');
 var PanelControlElementType = require('../PanelControlElementType');
@@ -18,13 +19,14 @@ var PanelControlElementType = require('../PanelControlElementType');
 function MiRnaPanel(params) {
   params.panelName = "mirna";
   params.helpTip = '<p>source: <a target="_mirtarbase" href="http://mirtarbase.mbc.nctu.edu.tw/">miRTarBase</a></p>'
-      + '<p>use only mature sequence IDs according to <a target="_mirbase" href="http://www.mirbase.org">www.mirbase.org</a> (e.g., hsa-miR-125a-3p)</p>'
-      + '<p>only targets with strong evidence as defined by miRTarBase are displayed<p>separate multiple search by semicolon</p>';
+    + '<p>use only mature sequence IDs according to <a target="_mirbase" href="http://www.mirbase.org">www.mirbase.org</a> (e.g., hsa-miR-125a-3p)</p>'
+    + '<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);
 MiRnaPanel.prototype.constructor = MiRnaPanel;
 
@@ -33,17 +35,17 @@ MiRnaPanel.prototype.constructor = MiRnaPanel;
  * @param {MiRna} [miRna]
  * @returns {HTMLDivElement}
  */
-MiRnaPanel.prototype.createPreamble = function(miRna) {
+MiRnaPanel.prototype.createPreamble = function (miRna) {
   var self = this;
   var guiUtils = self.getGuiUtils();
-  var result = document.createElement("div");
+  var result = Functions.createElement({type: "div", style: "padding:8px"});
   if (miRna === undefined || miRna.getName() === undefined) {
     result.appendChild(guiUtils.createLabel("NOT FOUND"));
   } else {
     var line = document.createElement("div");
     line.appendChild(guiUtils.createLabel("MiRNA: "));
     line.appendChild(guiUtils.createLink("http://www.mirbase.org/cgi-bin/mirna_entry.pl?acc=" + miRna.getName(), miRna
-        .getName()));
+      .getName()));
     line.appendChild(guiUtils.createNewLine());
 
     result.appendChild(line);
@@ -59,7 +61,7 @@ MiRnaPanel.prototype.createPreamble = function(miRna) {
  * @param {string} icon
  * @returns {Promise<HTMLTableRowElement>}
  */
-MiRnaPanel.prototype.createTableElement = function(target, icon) {
+MiRnaPanel.prototype.createTableElement = function (target, icon) {
   return this.createTargetRow(target, icon);
 };
 
@@ -67,7 +69,7 @@ MiRnaPanel.prototype.createTableElement = function(target, icon) {
  *
  * @returns {Promise}
  */
-MiRnaPanel.prototype.searchByQuery = function() {
+MiRnaPanel.prototype.searchByQuery = function () {
   var self = this;
   var query = self.getControlElement(PanelControlElementType.SEARCH_INPUT).value;
   return self.getOverlayDb().searchByQuery(query);
@@ -77,7 +79,7 @@ MiRnaPanel.prototype.searchByQuery = function() {
  *
  * @returns {Promise}
  */
-MiRnaPanel.prototype.init = function() {
+MiRnaPanel.prototype.init = function () {
   var self = this;
   return AbstractDbPanel.prototype.init.call(this).then(function () {
     var query = ServerConnector.getSessionData().getMiRnaQuery();
@@ -92,7 +94,7 @@ MiRnaPanel.prototype.init = function() {
  * @returns {Promise}
  */
 MiRnaPanel.prototype.destroy = function () {
-    return Promise.resolve();
+  return Promise.resolve();
 };
 
 /**

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

@@ -71,7 +71,7 @@ ProjectInfoPanel.prototype._createInfoPanelGui = function () {
 
   var dataTab = Functions.createElement({
     type: "div",
-    style: "width:100%;display: table;border-spacing: 10px;"
+    style: "display: table;border-spacing: 5px;"
   });
   infoDiv.appendChild(dataTab);
 
@@ -111,7 +111,7 @@ ProjectInfoPanel.prototype._createInfoPanelGui = function () {
   var projectPublicationsText = Functions.createElement({
     type: "span",
     name: "projectPublicationsText",
-    style: "font-family:FontAwesome; font-weight: normal;font-style: normal;cursor: pointer"
+    style: "font-weight: normal;font-style: normal;cursor: pointer"
   });
 
   var projectPublicationsButton = Functions.createElement({
@@ -123,14 +123,14 @@ ProjectInfoPanel.prototype._createInfoPanelGui = function () {
   });
   projectPublicationsButton.appendChild(Functions.createElement({
     type: "span",
-    content: "<i class='fa fa-list'>&nbsp;",
+    content: "<i class='fa fa-list'></i>&nbsp;",
     xss: false
   }));
 
   projectPublicationsButton.appendChild(projectPublicationsText);
   projectPublicationsButton.appendChild(Functions.createElement({
     type: "span",
-    style: "font-family:FontAwesome; font-weight: normal;font-style: normal;cursor: pointer",
+    style: "font-weight: normal;font-style: normal;cursor: pointer",
     content: "&nbsp;publication(s)"
   }));
 
@@ -144,7 +144,7 @@ ProjectInfoPanel.prototype._createInfoPanelGui = function () {
     type: "a",
     name: "projectOriginalFileButton",
     href: "#",
-    content: "<i class='fa fa-files-o'>&nbsp;source file",
+    content: "<i class='fa fa-files-o'></i>&nbsp;source file",
     xss: false,
     onclick: function () {
       return self.downloadSourceFile();
@@ -159,7 +159,7 @@ ProjectInfoPanel.prototype._createInfoPanelGui = function () {
   var exportButton = Functions.createElement({
     type: "a",
     href: ServerConnector.getServerBaseUrl() + "export.xhtml?id=" + projectId,
-    content: '<i class="fa fa-mail-forward">&nbsp;EXPORT',
+    content: '<i class="fa fa-mail-forward"></i>&nbsp;EXPORT',
     xss: false
   });
   liElement = Functions.createElement({
@@ -171,7 +171,7 @@ ProjectInfoPanel.prototype._createInfoPanelGui = function () {
   var manualButton = Functions.createElement({
     type: "a",
     name: "manualLink",
-    content: '<i class="fa fa-file">&nbsp;MANUAL',
+    content: '<i class="fa fa-file"></i>&nbsp;MANUAL',
     xss: false
   });
   manualButton.href = "#";
@@ -351,7 +351,8 @@ ProjectInfoPanel.prototype._createUserDataTab = function () {
   });
   var loginText = Functions.createElement({
     type: "span",
-    name: "loginValue"
+    name: "loginValue",
+    style:"padding-left:5px"
   });
   this.setControlElement(PanelControlElementType.USER_TAB_LOGIN_TEXT, loginText);
   userDataDiv.appendChild(guiUtils.createTableRow([loginLabel, loginText]));
@@ -363,7 +364,8 @@ ProjectInfoPanel.prototype._createUserDataTab = function () {
   });
   var nameText = Functions.createElement({
     type: "span",
-    name: "nameValue"
+    name: "nameValue",
+    style:"padding-left:5px"
   });
   this.setControlElement(PanelControlElementType.USER_TAB_NAME_TEXT, nameText);
   userDataDiv.appendChild(guiUtils.createTableRow([nameLabel, nameText]));
@@ -375,7 +377,8 @@ ProjectInfoPanel.prototype._createUserDataTab = function () {
   });
   var surnameText = Functions.createElement({
     type: "span",
-    name: "surnameValue"
+    name: "surnameValue",
+    style:"padding-left:5px"
   });
   this.setControlElement(PanelControlElementType.USER_TAB_SURNAME_TEXT, surnameText);
   userDataDiv.appendChild(guiUtils.createTableRow([surnameLabel, surnameText]));
@@ -387,13 +390,15 @@ ProjectInfoPanel.prototype._createUserDataTab = function () {
   });
   var emailText = Functions.createElement({
     type: "span",
-    name: "emailValue"
+    name: "emailValue",
+    style:"padding-left:5px"
   });
   self.setControlElement(PanelControlElementType.USER_TAB_EMAIL_TEXT, emailText);
   userDataDiv.appendChild(guiUtils.createTableRow([emailLabel, emailText]));
 
   var centerTag = Functions.createElement({
-    type: "center"
+    type: "center",
+    style: "padding-top: 5px;"
   });
   userDataDiv.appendChild(centerTag);