Closed saxamaphone69 closed 1 month ago
Because the refresh icon is slightly rectangular, it doesn't spin in a full circle/on axis.
https://github.com/TuxedoTako/4chan-xt/assets/877480/a114caa3-8157-4c77-b5e2-2629da1e6a01
Adding height: 14px and width: 14px to the anchor, fixes it
height: 14px
width: 14px
https://github.com/TuxedoTako/4chan-xt/assets/877480/6dc407b2-7d59-4e05-b25b-419899af009d
Though I don't think just adding those 2 properties to .spin is a proper fix, more a band-aid solution.
.spin
If you're that bothered by it, I recommend transform-origin, messing with the width and height is more likely to break the layout.
Because the refresh icon is slightly rectangular, it doesn't spin in a full circle/on axis.
https://github.com/TuxedoTako/4chan-xt/assets/877480/a114caa3-8157-4c77-b5e2-2629da1e6a01
Adding
height: 14px
andwidth: 14px
to the anchor, fixes ithttps://github.com/TuxedoTako/4chan-xt/assets/877480/6dc407b2-7d59-4e05-b25b-419899af009d
Though I don't think just adding those 2 properties to
.spin
is a proper fix, more a band-aid solution.