From a7666155c81769ecf3cf9904a85f8c04aefa6060 Mon Sep 17 00:00:00 2001
From: Piotr Gawron <piotr.gawron@uni.lu>
Date: Thu, 3 Aug 2017 10:59:17 +0200
Subject: [PATCH] styling of edit data overlay dialog

---
 frontend-js/src/main/css/global.css                   |  5 +++++
 frontend-js/src/main/js/gui/leftPanel/OverlayPanel.js | 10 ++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend-js/src/main/css/global.css b/frontend-js/src/main/css/global.css
index 506b94d1cc..187ebbd45c 100644
--- a/frontend-js/src/main/css/global.css
+++ b/frontend-js/src/main/css/global.css
@@ -468,4 +468,9 @@ table.minerva-window-drug-table, table.minerva-window-drug-table th,
 	margin-top: 12px;
 	display: inline;
 	float: left;
+}
+
+.minerva-overlay-dialog div[style*="display: table-cell"] {
+	padding: 2px;
+	vertical-align: top;
 }
\ No newline at end of file
diff --git a/frontend-js/src/main/js/gui/leftPanel/OverlayPanel.js b/frontend-js/src/main/js/gui/leftPanel/OverlayPanel.js
index 6880c24711..7176d633c9 100644
--- a/frontend-js/src/main/js/gui/leftPanel/OverlayPanel.js
+++ b/frontend-js/src/main/js/gui/leftPanel/OverlayPanel.js
@@ -215,13 +215,13 @@ OverlayPanel.prototype.openEditOverlayDialog = function(overlay) {
   var self = this;
   var guiUtils = self.getGuiUtils();
   var content = document.createElement("fieldset");
-  content.appendChild(guiUtils.createLabel("Name"));
   var nameInput = guiUtils.createInputText(overlay.getName());
-  content.appendChild(nameInput);
+  var row = guiUtils.createTableRow([ guiUtils.createLabel("Name: "), nameInput ]);
+  content.appendChild(row);
 
-  content.appendChild(guiUtils.createLabel("Description"));
   var descriptionInput = guiUtils.createTextArea(overlay.getDescription());
-  content.appendChild(descriptionInput);
+  row = guiUtils.createTableRow([ guiUtils.createLabel("Description: "), descriptionInput ]);
+  content.appendChild(row);
 
   var buttons = [ {
     text : "SAVE",
@@ -260,6 +260,8 @@ OverlayPanel.prototype.openEditOverlayDialog = function(overlay) {
   self.openDialog(content, {
     id : overlay.getId(),
     buttons : buttons,
+    title : "Data overlay: " + overlay.getName(),
+    className : "minerva-overlay-dialog",
   });
 };
 
-- 
GitLab