v2: inconsistent switch states

[mpldr]

Describe the issue

The switches as shown in the docs have an inconsistency in the "knob position". The off-state has a different "border" width, than the on-state

Current Behavior

Expected Behavior

Consistent spacing

Reproduction URL

https://picocss.com/docs/forms/switch

Environment

Reproduced on Firefox and Chromium

Mozilla/5.0 (X11; Linux x86_64; rv:122.0) Gecko/20100101 Firefox/122.0

and

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36

[mpldr]

Subtle, but it really bugs me. And unfortunately I can't unsee it ^^

[mpldr]

I know, this sounds borderline nitpicky, but it's still not the same. Speaking in terms of pixels, the left gap is (on my 1440p monitor at 100% scaling) 3px, while the right one is 4px. Yes, I know this sounds dumb, and it probably is. I have also noticed that the switch isn't a circle, but an oval. It's not 50% either, that is slightly oval in the other direction.

I'm sorry, this feels like such a stupid thing, but it for some reason really bugs me.

[mpldr]

Maybe I just shouldn't use a switch…

[lucaslarroche]

@mpldr, you're right. I looked closer, and the thumb is not round, and the borders are not consistent.
I will publish a patch

[lucaslarroche]

@mpldr, done with v2.0.6

Screen.Recording.2024-03-03.at.22.16.32.mov