Aesthetically speaking, this current implementation still looks rather ugly to me. Specific things I find ugly:
Left-right arrows in the comments vs. down-up arrows on LW posts.
The visible boundary box around normal votes & agree-disagree votes.
I might understand vertical lines between date & normal upvotes, and between normal upvotes & agree-disagree votes. But why do we need boundary lines at the top & bottom?
And rather than even vertical lines, maybe just extra whitespace between the various votes might already be enough?
The boundary boxes even seem to push some of the other UI elements around by a few pixels:
See this screenshot from desktop Firefox: the boundary box creates a few pixels of extra whitespace above and below the comment headline. This creates undesirable wasted space.
Also, the comment menu button on the right (the three vertical dots) are not aligned with the text on the left, but rather with the upper line of the boundary box.
None of the comment hover tooltips are aligned: That is, when hovering over comment username, date, normal downvote & upvote button, normal karma, agree & disagree vote button, and agreement karma, the tooltips just seem to pop up at semi-random but inconsistent positions.
And while I’m already in my noticing-tiny-things perfectionist mode: The line spacings between paragraphs and bulleted lists of various indentation levels seem inconsistent. Though maybe that’s good typographical practice?
See this screenshot from desktop Firefox: there seem to be 3+ different line spacings with little consistency. For example:
big spacing between an unindented paragraph and a bullet point
medium spacing between bullet points of the same indentation level
medium spacing between a bullet point of a higher indentation level, followed by one with a lower indentation level
tiny spacing between a bullet point of a lower indentation level, followed by one with a higher indentation level
big spacing between the end of a comment and the “Reply” button
Aesthetically speaking, this current implementation still looks rather ugly to me. Specific things I find ugly:
Left-right arrows in the comments vs. down-up arrows on LW posts.
The visible boundary box around normal votes & agree-disagree votes.
I might understand vertical lines between date & normal upvotes, and between normal upvotes & agree-disagree votes. But why do we need boundary lines at the top & bottom?
And rather than even vertical lines, maybe just extra whitespace between the various votes might already be enough?
The boundary boxes even seem to push some of the other UI elements around by a few pixels:
See this screenshot from desktop Firefox: the boundary box creates a few pixels of extra whitespace above and below the comment headline. This creates undesirable wasted space.
Also, the comment menu button on the right (the three vertical dots) are not aligned with the text on the left, but rather with the upper line of the boundary box.
None of the comment hover tooltips are aligned: That is, when hovering over comment username, date, normal downvote & upvote button, normal karma, agree & disagree vote button, and agreement karma, the tooltips just seem to pop up at semi-random but inconsistent positions.
And while I’m already in my noticing-tiny-things perfectionist mode: The line spacings between paragraphs and bulleted lists of various indentation levels seem inconsistent. Though maybe that’s good typographical practice?
See this screenshot from desktop Firefox: there seem to be 3+ different line spacings with little consistency. For example:
big spacing between an unindented paragraph and a bullet point
medium spacing between bullet points of the same indentation level
medium spacing between a bullet point of a higher indentation level, followed by one with a lower indentation level
tiny spacing between a bullet point of a lower indentation level, followed by one with a higher indentation level
big spacing between the end of a comment and the “Reply” button