Phuks-co / throat

Open Source link aggregator and discussion platform powering Phuks
https://phuks.co
MIT License
73 stars 32 forks source link

Fix post score css so it can fit more than two digits on mobile #219

Closed happy-river closed 3 years ago

happy-river commented 3 years ago

Fix #210. The calculation of width for the voting widget, thumbnail and the rest of a post listing was in a mix of px and em units. I changed it to use just px, and that made the layout stop breaking on mobile. To make larger numbers look better I used a slightly smaller font, and removed margins and padding in favor of telling the up and down arrows and the numbers to center themselves in a wider space. The result looks good with 1, 2 or 3 digits, legible but tight with 4 digits, and at 5 digits there starts to be a collision between the number and the thumbnail, but the layout doesn't break.