Display of jshtml animations

[jofmi]

Problem

The control panels of jshtml animations are displayed wrong.

Reproducible Project

You can see a doc with a jshtml animation here: https://agentpy.readthedocs.io/en/latest/agentpy_virus_spread.html#Creating-an-animation

Error Logs/Results

You can see the wrong behavior here:

Expected Results

This is how it looks like normally (example from alabaster theme)

Possible Solution

The problem is caused by the following lines in theme.css:

label,
legend {
 display:block
}

I solved the problem by adding the following lines to a custom css file:

.anim-state label {
display:unset !important
}

If deemed relevant by the developers, this code could be added to theme.css.

Environment Info

• Python Version: 3.8.5
• Sphinx Version: 3.4.3
• RTD Theme Version: 0.5.1

[Blendify]

This is a rule coming from wyrm, maybe we should wait to see if we remove wyrm before looking into this