Little bug in the print of the Night Order

[MRegnard]

Hi!

I was making some tests to add some functionalities in the night order, then I saw a little bug.

As you can see here, for the first column, the vertical lines (right to the column, just before the icons) are all grey, instead of be blue/cyan/orange/red:

I have a clue to guess where this bug comes from: on the second column, there is a very long sentence ("Tombée de la nuit"), and, if I change it into something shorter, then the bug disappears:

The issue seems so appear only if there is a long sentence in the other column.

So, do you have an idea about how correct it? If yes, I'm curious to know it!

[bra1n]

Hey, sorry but I have no idea why that happens in your case. The border takes its color from the background gradient, for example:

/* color gradient */
.townsfolk .name {
    background: linear-gradient(90deg,#1f65ff,transparent 35%);
}
/* border color */
ul li .name {
    border-left: 1px solid hsla(0,0%,100%,.4);
    border-right: 1px solid hsla(0,0%,100%,.4);
}

I don't think breaking into two lines or having a wider column would impact that, although it might.

[MRegnard]

Well... I'll test this, though, because I don't see any other idea. Where can I change the space between two columns?
EDIT: OK, I find, and this solved the issue