Reduce new Backlog view line height when showing extra fields

[James Traxler]

In the Jira 2023 revised Backlog view, I configure it to show the actual multiple fix versions assigned to a ticket (rather than '2 VERSIONS', etc.).

I've done this by going into '...' menu -> Configure board -> Card layout and showing Fix versions.

The Backlog view then shows an additional line with the fix versions in it (and I can go to View settings -> Versions and turn off that one, i.e. the one that shows '2 VERSIONS', etc.).

I then use Stylebot (a Chrome plugin) where I put a bit of CSS override to bring the fix versions up onto the same line as the rest of the ticket, i.e. make the whole lot into just one line per ticket.

The CSS I add is this (you're welcome to use it!):

div[aria-label="Fix versions"] {
  background-color: lightgrey;
  color: black;
  font-weight: 500;
  font-size: 0.9em;
  height: 20%;
  padding: 2px 3px 2px 3px;
  margin: -28px 10px 3px 3px;
  border-radius: 3px;
  float: left;
}

div[data-testid="software-backlog.card-list.card.card-contents.card-container"] div:has(div[aria-label="Fix versions"]) {
  justify-content: flex-end;
  width: 72.1%;
  overflow: visible;
  line-height: 12px;
}

In the old-style Backlog view, I managed to then reduce the height of the line down so there was no blank space where the fix versions had been moved up.

However, in the new-style Backlog view, I can't seem to work out the CSS I need to reduce the line height or remove that blank space - I wonder if anyone else has managed to do that?

A screenshot will illustrate what I mean:

[James Traxler]

Any ideas anyone?