Toggle switch widget moves outside of slider area about shuffleboard HOT 4 CLOSED

I think this is a glitch with toggle sliders in general; it also happens with the playback "loop" slider

from shuffleboard.

I've determined the culprit (but not the underlying cause).

api/src/main/resources/edu/wpi/first/shuffleboard/api/base.css

.tile {
    -fx-font-size: 11pt;
}

I can confirm the following behavior:

Seems like it works in 3pt-increments? This is also definitely interacting weirdly with something else in the stylesheets (either material or base), as these font sizes all work with the default controlsfx stylesheets.

The easiest fix I can think of would to add this to the base stylesheet:

.tile .toggle-switch {
    -fx-font-size: 12pt;
}

but that doesn't fix the problems with toggle switches not in tiles that have their font sizes set, nor does it solve the issue of invisible toggle switches in tile property sheets

from shuffleboard.

.toggle-switch {
    -fx-font-size: 12px !important;
}

?

from shuffleboard.

That would lock all toggle switches to the same size, which I would prefer not to do

from shuffleboard.