Tweak 'App bar' height (#10564)

Author: krisstern

core/src/main/resources/hudson/model/Job/configure.jelly

@@ -52,7 +52,7 @@ THE SOFTWARE.
         <j:set var="descriptor" value="${it.descriptor}" />
         <j:set var="instance" value="${it}" />
 
-        <div class="jenkins-section jenkins-section--no-border jenkins-!-margin-top-6">
+        <div class="jenkins-section jenkins-section--no-border jenkins-!-margin-top-3">
           <f:entry title="${%Description}" help="${app.markupFormatter.helpUrl}">
             <f:textarea name="description" value="${it.description}" codemirror-mode="${app.markupFormatter.codeMirrorMode}" codemirror-config="${app.markupFormatter.codeMirrorConfig}" previewEndpoint="/markupFormatter/previewDescription"/>
           </f:entry>

src/main/scss/components/_app-bar.scss

@@ -2,7 +2,8 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: var(--section-padding);
+  margin-bottom: 0.875rem;
+  min-height: 2.875rem;
   gap: var(--section-padding);
   flex-wrap: wrap;
 
@@ -58,8 +59,8 @@
     &::after {
       content: "";
       position: absolute;
-      inset: calc(var(--header-height) * -1) calc(var(--section-padding) * -1)
-        calc(var(--section-padding) * -1);
+      inset: calc(var(--header-height) * -1)
+        calc(var(--section-padding) * -1) -0.875rem;
       z-index: -1;
       pointer-events: none;
     }

src/main/scss/components/_side-panel-tasks.scss

@@ -31,7 +31,7 @@ $background-outset: 0.7rem;
   }
 
   & > #tasks > .jenkins-search-container {
-    margin: calc(var(--section-padding) * -0.5) #{-$background-outset} 1rem;
+    margin: 0 #{-$background-outset} 1rem;
 
     .jenkins-search__icon {
       width: 2.8rem;

src/main/scss/form/_layout.scss

@@ -7,7 +7,7 @@
 .jenkins-page-description {
   font-size: 0.9375rem;
   color: var(--text-color-secondary);
-  margin: calc(var(--section-padding) * -0.25) 0 var(--section-padding) 0;
+  margin: 0 0 var(--section-padding) 0;
   line-height: 1.66;
 }
 

src/main/scss/form/_search-bar.scss

@@ -150,7 +150,7 @@
   }
 
   &--app-bar {
-    --search-bar-height: 3rem;
+    --search-bar-height: 2.875rem;
 
     width: 100%;
     margin-block: -5px;