Weird select offset double digit cells

WickyNilliams / cally

Small, feature-rich calendar components

https://wicky.nillia.ms/cally/

MIT License

1.06k stars 12 forks source link

Weird select offset double digit cells #7

Closed inlikealion closed 2 months ago

inlikealion commented 3 months ago

Just saw this weird offset of the select highlight on double digit grid cells. Verified on Safari on iOS 17.4.1:

Would you like any help exploring ways to have numbers remain centered in their cells? I’d love to do some css tinkering if you’d want it.

WickyNilliams commented 3 months ago

Oh huh! That's weird. I use text-align: center for the buttons so I'm surprised by that

By all means, go ahead. PRs are more than welcome!

inlikealion commented 3 months ago

@WickyNilliams cool. I’ll fire up an iOS simulator and see if I can get to the bottom of it shortly. Safari desktop (17.4.1) looks correct, btw.

WickyNilliams commented 2 months ago

OK i got the simulator working this end. Turns out it's because ios adds pretty hefty padding to buttons, which messed up the alignment. Should be fixed in 0.4.1