changing width to be relative to font size

war/src/main/js/widgets/config/tabbar.less

@@ -2,7 +2,7 @@
  * Tab bar specific rules.
  */
 body.add-item.hide-side  #side-panel{width:0; padding:0; overflow:hidden; transition: all 0.5s ease;}
-body.add-item.hide-side  #main-panel{margin:0 auto; max-width:900px; transition: all 0.5s ease;}
+body.add-item.hide-side  #main-panel{margin:0 auto; max-width:70em; transition: all 0.5s ease;}
 body.add-item .jenkins-config table tr {display:none;}
 body.add-item .jenkins-config table tr:last-of-type {display:table-row}
 body.add-item .jenkins-config-widgets .form-config.tabBarFrame .tabBar .tab.active {background:@bright; border-bottom-color:@bright}
@@ -206,7 +206,7 @@ body#jenkins.add-item .jenkins-config {
     }
     table.job-config.tabbed{
       .section-header-row {background:none; border-color:transparent}
-      .section-header {margin-top:10; }
+      .section-header {margin-top:10px; }
     }
     table{
       border-collapse:collapse;

war/src/main/webapp/css/style.css

@@ -704,7 +704,10 @@ table.bigtable.pane > tbody > tr > td:last-child {
 }
 
 div.behavior-loading {
-    position: absolute; width: 80%; height:100%;
+    position: absolute; 
+    left:0; right:0;
+    width:100%;
+    height:100%;
     background-color: #e4e4e4; text-align: center; font-size: 300%;
     opacity: 0.5;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
@@ -713,8 +716,9 @@ div.behavior-loading {
 
 .config div.behavior-loading{
     background: rgba(255,255,255,.85);
-    left: 15px;
-    right: 15px;
+    left: 0;
+    width:100%;
+    right: 0;
     top: 15px;
     bottom: 0px;
     height: 100%;