[JENKINS-69549] Margins for headers and paragraphs make descriptions and non-trivial inline help look terrible since 2.320 + 2.335

[jenkins-infra-bot]

Headers have significant bottom margins and no top margin per

jenkins/war/src/main/less/base/typography.less

Lines 54 to 55 in 04b46d1

	margin-top: 0;
	margin-bottom: var(--section-padding);

The last paragraph in a sequence (e.g. inside a wrapping div) has no bottom margin per

jenkins/war/src/main/less/base/style.less

Lines 575 to 578 in 04b46d1

	p:last-of-type {
	margin-bottom: 0;
	}
	}

Headers should be closer to their related paragraphs than to unrelated content, that's not the case here. Especially the case of usage stats help look terrible, with no distance between a paragraph and an unrelated header. But even inline help, as well as basic HTML markup for descriptions, don't look good with these rules.

---

Originally reported by danielbeck, imported from: Margins for headers and paragraphs make descriptions and non-trivial inline help look terrible since 2.320 + 2.335

• assignee: frankie699
• status: Resolved
• priority: Minor
• component(s): core
• label(s): 2.492.1-fixed, regression, ux
• resolution: Fixed
• resolved: 2024-12-10T14:49:05+00:00
• votes: 0
• watchers: 2
• imported: 2025-11-24

Raw content of original issue

Headers have significant bottom margins and no top margin per 

  

    

      jenkins/war/src/main/less/base/typography.less
    
    

        Lines 54 to 55
      in
      04b46d1
    
  
  

    


        

          

          
 margin-top: 0; 
        

        

          

          
 margin-bottom: var(--section-padding); 
        
    
  



The last paragraph in a sequence (e.g. inside a wrapping div) has no bottom margin per 

  

    

      jenkins/war/src/main/less/base/style.less
    
    

        Lines 575 to 578
      in
      04b46d1
    
  
  

    


        

          

          
   p:last-of-type { 
        

        

          

          
     margin-bottom: 0; 
        

        

          

          
   } 
        

        

          

          
 } 
        
    
  



Headers should be closer to their related paragraphs than to unrelated content, that's not the case here. Especially the case of usage stats help look terrible, with no distance between a paragraph and an unrelated header. But even inline help, as well as basic HTML markup for descriptions, don't look good with these rules.

3 attachments

• Screenshot 2022-09-07 at 13.43.04.png

  

• Screenshot 2022-09-07 at 13.43.21.png

  

• Screenshot 2022-09-07 at 13.52.03.png

  

[jenkins-infra-bot]

• Remote links associated with this issue:

  • [JENKINS-69549] Margins for headers and paragraphs make descriptions … #7078
  • jenkinsci/jenkins#​7078

[jenkins-infra-bot]

basil:

• Original comment link
• Raw content of original comment:

  This ticket does not have the last working release and first failing release, so I am adding the ux-untriaged label.
  

This ticket does not have the last working release and first failing release, so I am adding the ux-untriaged label.