small css clean up - naming is more consistent

frontend-js/src/main/css/global.css

@@ -20,6 +20,17 @@
     padding-left: 15px;
 }
 
+.minerva-header-right-menu {
+    height: 36px;
+    line-height: 35px;
+    font-size: 13px;
+    font-weight: 900;
+    color: #ffffff;
+    display: inline;
+    width: auto;
+    float: right
+}
+
 .minerva-header a:hover {
     background-color: #000000;
     transition: background-color 0.4s ease-in-out 0s;
@@ -97,14 +108,14 @@
     to(#13ACE0));
 }
 
-.headerHideDivButton {
+.minerva-header-hide-div-button {
     display: inline;
     width: auto;
     height: 36px;
     float: left
 }
 
-.headerHideButton {
+.minerva-header-hide-button {
     color: #FFFFFF;
     height: 36px;
     line-height: 36px;
@@ -118,12 +129,12 @@
     transition: background-color 0.4s ease-in-out 0s;
 }
 
-.headerHideButton:hover {
+.minerva-header-hide-button:hover {
     background-color: #01536D;
     transition: background-color 0.4s ease-in-out 0s;
 }
 
-.headerTextBold {
+.minerva-version-div {
     display: inline;
     width: auto;
     height: 36px;

frontend-js/src/main/js/gui/topMenu/TopMenu.js

@@ -50,39 +50,33 @@ TopMenu.prototype.constructor = TopMenu;
 TopMenu.prototype._createGui = function () {
   var self = this;
 
-  var overviewDialogDiv = Functions.createElement({
-    type: "div",
-    name: "overviewDialog"
-  });
+  var overviewDialogDiv = Functions.createElement({type: "div"});
   self.getElement().appendChild(overviewDialogDiv);
   self.setControlElement(PanelControlElementType.OVERVIEW_DIALOG_DIV, overviewDialogDiv);
 
   var hideButtonDiv = Functions.createElement({
     type: "div",
-    className: "headerHideDivButton"
+    className: "minerva-header-hide-div-button"
   });
   self.getElement().appendChild(hideButtonDiv);
 
   var hideButton = Functions.createElement({
     type: "button",
-    className: "headerHideButton",
-    name: "hideButton"
+    className: "minerva-header-hide-button"
   });
   hideButtonDiv.appendChild(hideButton);
   self.setControlElement(PanelControlElementType.MENU_HIDE_LEFT_PANEL_BUTTON, hideButton);
 
   var hideButtonIcon = Functions.createElement({
     type: "i",
-    className: "fa fa-chevron-left",
-    name: "hideButtonIcon"
+    className: "fa fa-chevron-left"
   });
   hideButton.appendChild(hideButtonIcon);
   self.setControlElement(PanelControlElementType.MENU_HIDE_LEFT_PANEL_BUTTON_ICON, hideButtonIcon);
 
   var versionDiv = Functions.createElement({
     type: "div",
-    className: "headerTextBold",
-    name: "versionDiv"
+    className: "minerva-version-div"
   });
   self.getElement().appendChild(versionDiv);
   self.setControlElement(PanelControlElementType.MENU_VERSION_DIV, versionDiv);
@@ -96,7 +90,6 @@ TopMenu.prototype._createGui = function () {
   var showOverviewButton = Functions.createElement({
     type: "button",
     className: "minerva-overview-button",
-    name: "showOverviewButton",
     content: "<i class='fa fa-sitemap' style='font-size:18px; font-weight:400; padding-right:10px;'></i><span >SHOW OVERVIEW</span>",
     style: "display:none",
     xss: false
@@ -106,7 +99,7 @@ TopMenu.prototype._createGui = function () {
 
   var rightHeaderMenuDiv = Functions.createElement({
     type: "div",
-    className: "rightHeaderMenu"
+    className: "minerva-header-right-menu"
   });
   self.getElement().appendChild(rightHeaderMenuDiv);
 
@@ -118,8 +111,7 @@ TopMenu.prototype._createGui = function () {
 
   var legendCheckbox = Functions.createElement({
     type: "input",
-    inputType: "checkbox",
-    name: "legendCheckbox"
+    inputType: "checkbox"
   });
   div4checkboxes.appendChild(legendCheckbox);
   self.setControlElement(PanelControlElementType.MENU_LEGEND_CHECKBOX, legendCheckbox);
@@ -145,7 +137,6 @@ TopMenu.prototype._createGui = function () {
   var refreshCommentButton = Functions.createElement({
     type: "button",
     className: "minerva-overview-button",
-    name: "refreshCommentButton",
     content: "<i class='fa fa-refresh' style='font-size:21px; font-weight:400;'></i>",
     style: "display:none",
     xss: false
@@ -156,7 +147,6 @@ TopMenu.prototype._createGui = function () {
   var clearButton = Functions.createElement({
     type: "button",
     className: "minerva-overview-button",
-    name: "clearButton",
     content: "<i class='fa fa-times' style='font-size:18px; font-weight:300; padding-right:10px;'></i>CLEAR",
     xss: false
   });

web/src/main/webapp/resources/css/style.css

@@ -959,8 +959,6 @@ ui-overlay-visible *{visibility:visible !important;}
 .ui-wizard-nav-next{float:right;}
 .ui-wizard-step-title{font-size:18px;margin:0 3px 0 0;padding:0.4em;float:left;}
 
-.rightHeaderMenu{height:36px; line-height:35px;  font-size:13px; font-weight:900; color:#ffffff; display:inline; width:auto; float:right}
-
 .ui-galleria-filmstrip {background-color:#21BDF1; padding:2px; height:68px; margin-top:0;}
 .ui-galleria-frame {border:1px solid #cccccc; height:34px !important;}
 .ui-galleria-frame-image {height:34px !important;}