Initial

core/src/main/resources/lib/form/apply.jelly

@@ -35,15 +35,11 @@ THE SOFTWARE.
     <s:attribute name="value">
       The text of the apply button.
     </s:attribute>
-
-    <s:attribute name="large">
-        Set to "true" to enable the large variant of the button
-    </s:attribute>
   </s:documentation>
+
   <st:adjunct includes="lib.form.apply.apply"/>
   <input type="hidden" name="core:apply" value="" />
-  <input type="button"
-         value="${attrs.value ?: '%Apply'}"
-         class="apply-button applyButton ${attrs.large ? 'large-button' : ''}"
-         name="Apply"/><!-- applyButton is legacy -->
+  <button type="button" class="jenkins-button apply-button" name="Apply">
+    ${attrs.value ?: '%Apply'}
+  </button>
 </j:jelly>

core/src/main/resources/lib/form/apply/apply.js

@@ -1,4 +1,4 @@
-Behaviour.specify("INPUT.apply-button", 'apply', 0, function (e) {
+Behaviour.specify("INPUT.apply-button,BUTTON.apply-button", 'apply', 0, function (e) {
         var id;
         var containerId = "container"+(iota++);
 
@@ -24,7 +24,7 @@ Behaviour.specify("INPUT.apply-button", 'apply', 0, function (e) {
             }
         }
 
-        makeButton(e,function (e) {
+        e.addEventListener("click", function (e) {
             var f = findAncestor(e.target, "FORM");
 
             // create a throw-away IFRAME to avoid back button from loading the POST result back

core/src/main/resources/lib/form/bottomButtonBar.jelly

@@ -31,7 +31,7 @@ THE SOFTWARE.
   </st:documentation>
 
   <div id="bottom-sticker">
-    <div class="bottom-sticker-inner">
+    <div class="bottom-sticker-inner jenkins-buttons-row jenkins-buttons-row--equal-width">
       <d:invokeBody />
     </div>
   </div>

core/src/main/resources/lib/form/submit.jelly

@@ -25,25 +25,21 @@ THE SOFTWARE.
 <?jelly escape-by-default='true'?>
 <j:jelly xmlns:j="jelly:core" xmlns:s="jelly:stapler" xmlns:d="jelly:define" xmlns:f="/lib/form">
   <s:documentation>
-    Submit button themed by YUI. This should be always
-    used instead of the plain &lt;input tag.
+    Submit button. This should be always used instead of the plain &lt;button&gt; tag.
 
     <s:attribute name="name">
       If specified, becomes the value of the name attribute.
       When you have more than one submit button on the form, this can be used to determine
       which button is pressed, as the server will get a parameter by this name.
     </s:attribute>
     <s:attribute name="value" use="required">
-      The text of the submit button. Something like "submit", "OK", etc.
-    </s:attribute>
-
-    <s:attribute name="large">
-      Set to "true" to enable the large variant of the button
+      The text of the submit button, defaults to 'Submit'
+      It's recommended to be more descriptive when possible, e.g. 'Create', 'Next'
     </s:attribute>
   </s:documentation>
 
-  <input type="submit"
-         name="${attrs.name ?: 'Submit'}"
-         value="${attrs.value ?: '%Submit'}"
-         class="submit-button primary ${attrs.large ? 'large-button' : ''}" />
+  <button name="${attrs.name ?: 'Submit'}"
+          class="jenkins-button jenkins-button--primary">
+    ${attrs.value ?: '%Submit'}
+  </button>
 </j:jelly>

war/src/main/less/modules/buttons.less

@@ -348,4 +348,10 @@ a.yui-button.icon-button.large-button {
       margin-right: 0!important;
     }
   }
+
+  &--equal-width {
+    .jenkins-button {
+      min-width: 90px;
+    }
+  }
 }

war/src/main/webapp/scripts/hudson-behavior.js

@@ -1219,10 +1219,6 @@ function rowvgStartEachRow(recursive,f) {
         applyTooltip(e,e.getAttribute("tooltip"));
     });
 
-    Behaviour.specify("INPUT.submit-button", "input-submit-button", ++p, function(e) {
-        makeButton(e);
-    });
-
     Behaviour.specify("INPUT.yui-button", "input-yui-button", ++p, function(e) {
         makeButton(e);
     });