From 0d38bb01089ebe2ff8e7b2f9fc9ad65befce7438 Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Thu, 7 Oct 2021 19:50:18 +0100
Subject: [PATCH] Update newJob.jelly

---
 .../resources/hudson/model/View/newJob.jelly  | 55 +++++++++----------
 1 file changed, 27 insertions(+), 28 deletions(-)

diff --git a/core/src/main/resources/hudson/model/View/newJob.jelly b/core/src/main/resources/hudson/model/View/newJob.jelly
index cdb6f9a3ca52..5467f5d9506e 100644
--- a/core/src/main/resources/hudson/model/View/newJob.jelly
+++ b/core/src/main/resources/hudson/model/View/newJob.jelly
@@ -29,41 +29,40 @@ THE SOFTWARE.
   <l:layout type="one-column" permission="${permission}" title="${%NewJob(it.newPronoun)}">
 
     <l:js src="jsbundles/add-item.js" />
+    <l:css src="jsbundles/add-item.css" />
 
     <l:main-panel>
-      <h1>${%New item}</h1>
-
-    <div class="jenkins-form" id="add-item-panel">
-      <div >
-        <div>
+    <div class="container" id="add-item-panel" style="display: none;">
+      <div class="row">
+        <div class="col-md-offset-2 col-md-20">
           <form method="post" action="createItem" name="createItem" id="createItem">
-
-            <div class="jenkins-form-item">
-              <label for="name" class="jenkins-form-label">${%ItemName.label}</label>
-              <input name="name" class="jenkins-input" id="name" data-valid="false" type="text" tabindex="0" />
-              <div class="input-help">&#187; ${%ItemName.help}</div>
-              <div id="itemname-required" class="input-validation-message input-message-disabled">&#187; ${%ItemName.validation.required}</div>
-              <div id="itemname-invalid" class="input-validation-message input-message-disabled"></div>
-              <div id="itemtype-required" class="input-validation-message input-message-disabled">&#187; ${%ItemType.validation.required}</div>
+            <div class="header">
+              <div class="add-item-name">
+                <label for="name" class="h3">${%ItemName.label}</label>
+                <input name="name" id="name" data-valid="false" type="text" tabindex="0" />
+                <div class="input-help">&#187; ${%ItemName.help}</div>
+                <div id="itemname-required" class="input-validation-message input-message-disabled">&#187; ${%ItemName.validation.required}</div>
+                <div id="itemname-invalid" class="input-validation-message input-message-disabled"></div>
+                <div id="itemtype-required" class="input-validation-message input-message-disabled">&#187; ${%ItemType.validation.required}</div>
+              </div>
             </div>
 
-            <div class="jenkins-form-item">
-              <div id="items" class="categories flat" role="radiogroup" aria-labelledby="Items" data-valid="false" />
-  
-              <j:if test="${!empty(app.itemMap)}">
-                <div class="item-copy">
-                  <p class="description"></p>
-                  <div class="add-item-copy jenkins-radio">
-                    <input class="jenkins-radio__input" id="copy" type="radio" name="mode" value="copy" />
-                    <label class="jenkins-radio__label" for="copy">${%CopyOption.label}</label>
-                    <p class="jenkins-radio__description">${%CopyOption.description}</p>
-                    <div class="jenkins-radio__content">
-                      <s:textbox id="from" data-valid="false" name="from" placeholder="${%CopyOption.placeholder}" field="copyNewItemFrom"/>
-                    </div>
+            <div id="items" class="categories flat" role="radiogroup" aria-labelledby="Items" data-valid="false" />
+
+            <j:if test="${!empty(app.itemMap)}">
+              <div class="item-copy">
+                <p class="description">${%CopyOption.description}</p>
+                <div class="add-item-copy">
+                  <input type="radio" name="mode" value="copy" />
+                  <div class="icon">
+                    <img src="${resURL}/images/48x48/copy.png" />
                   </div>
+                  <label>${%CopyOption.label}</label>
+                  <j:set var="descriptor" value="${it.descriptor}" />
+                  <s:textbox id="from" data-valid="false" name="from" placeholder="${%CopyOption.placeholder}" field="copyNewItemFrom"/>
                 </div>
-              </j:if>
-            </div>
+              </div>
+            </j:if>
 
             <div class="footer">
               <div class="btn-decorator">