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.
Fix #210. The calculation of width for the voting widget, thumbnail and the rest of a post listing was in a mix of
px
andem
units. I changed it to use justpx
, 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.