Labels page UI cleanup

Nick Leonardrequested to merge
nl-labels-row-alignment into master

What does this MR do and why?

  1. Increases horizontal margins within the labels table rows to avoid elements visually running together.

  2. Updates the Project's labels page description copy, moving details about organizing Prioritized Labels into the Prioritized Labels section.

Relates to #369520 (closed)

Screenshots or screen recordings

Before After
image image

How to set up and validate locally

  1. Access a Project's labels page, e.g. http://127.0.0.1:3000/flightjs/Flight/-/labels
  2. Edit a label's description to take up at least one full line
  3. Verify on Group labels page (only margin changes should apply), e.g. http://localhost:3000/groups/flightjs/-/labels

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Nick Leonard

Merge request reports