Projects list rows are unevenly sized in Firefox, creating gaps under avatars
Closed
Projects list rows are unevenly sized in Firefox, creating gaps under avatars
Created by: okdana
The rows in the Projects list (on the right-hand side of the Dashboard) have inconsistent heights in at least some versions of Firefox — i assume this is related to Firefox's peculiar method of rounding dimensions (see here), although that doesn't explain why i can't replicate it in all versions.
Anyway, normally this sort of rounding inconsistency is not a huge issue (it's barely perceptible if it appears in a paragraph or something), but in the Projects list the rows are meant to be the height of the project avatars, and when some are not it is very noticeable, at least to me.
In the attached image, you can see that the rows basically alternate heights, with the top one at 43px, the next at 42px, the next at 43px again, and so on. The 43px rows have an extraneous 1px gap beneath the avatar that is very obvious due to the visual distinction of the avatars.
I didn't look too carefully at the CSS that creates this issue, but i suspect it should not be that difficult to find a way that makes everything line up nicely in all browsers. If i have time i might look at it further, not sure yet.
Replicated with Firefox 37.0 and Firefox 38.0a2 (OS X 10.10) on GitLab 7.8.3 949907a. I was not able to replicate with Firefox 36.0.1 (Windows 8.1) though.
