Verse segments have large gap when references are activated

[thesunshade]

Description:

When references are activated there is a large gap between verse lines and the ref numbers appear on their own line:

Steps to reproduce:

• go to any sutta with verses and turn on refs, e.g. Kp5

Expected behaviour:

Refs should appear at the start of the line just like any other translation:

Solution

Add

.verse-line {display:block}

And remove

.verse-line .translation {display:block}

[thesunshade]

I'm afraid I need to open this again. I forgot to test with the Pali verses. When the Pali is hidden it is correct. Please see below: https://suttacentral.net/dhp1-20/en/sujato?lang=en&layout=sidebyside&reference=main&notes=asterisk&highlight=false&script=latin

[thesunshade]

I never noticed this before, but even non-verse segments have this problem when viewing side by side:

When viewing only the Pali manuscript, it is not a problem:

[sujato]

It's tricky to get all the elements aligned in all the different scenarios!

I'm not 100% clear, is the CSS solution you proposed above still valid? Does that fix all the cases?

[thesunshade]

No, the original css I proposed no longer fixes it.

[ihongda]

There are also advantages to having the reference on a separate line.

I think the best solution is to put references in a separate line if there are many references, otherwise align them horizontally with the text.