diff --git a/frontend-js/src/main/js/gui/admin/AddProjectDialog.js b/frontend-js/src/main/js/gui/admin/AddProjectDialog.js index 7407a0b6e0abc867dc52e83e93a66fbff486b639..22d5dc4f982a105bb6dbf9aea5a5efc14de836a7 100644 --- a/frontend-js/src/main/js/gui/admin/AddProjectDialog.js +++ b/frontend-js/src/main/js/gui/admin/AddProjectDialog.js @@ -164,7 +164,7 @@ AddProjectDialog.prototype.createGeneralTabContent = function () { var table = new Functions.createElement({ type: "div", - style: "display:table" + style: "display:table; width:100%" }); result.appendChild(table); @@ -339,13 +339,13 @@ AddProjectDialog.prototype.createInputRow = function (params) { } var label = new Functions.createElement({ type: "div", - style: "display:table-cell", + style: "display:table-cell; width:200px", content: xss(params.labelName) }); var input = new Functions.createElement({ type: "div", style: "display:table-cell", - content: "<input name='" + xss(params.inputName) + "' value='" + xss(params.defaultValue) + "'/>", + content: "<input name='" + xss(params.inputName) + "' value='" + xss(params.defaultValue) + "' style='width:100%'/>", xss: false }); var elements = [label, input]; @@ -398,12 +398,16 @@ AddProjectDialog.prototype.createRow = function (elements) { type: "div", style: "display:table-row" }); - for (var i = 0; i < elements.length; i++) { - var element = elements[i]; + for (var columnNumber = 0; columnNumber < elements.length; columnNumber++) { + var element = elements[columnNumber]; if (element.tagName.toLowerCase() !== 'div') { + var style = "display:table-cell; vertical-align: middle; "; + if (columnNumber === 0) { + style += "width:200px;"; + } var labelContainer = new Functions.createElement({ type: "div", - style: "display:table-cell; vertical-align: middle" + style: style }); labelContainer.appendChild(element); element = labelContainer;