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