table fill the whole dialog width

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;