For me the up- and downvote icons are too close together and I always have to pinch zoom to upvote (I don't downvote often). So prefer a bit more spacing between them.
Two lines of CSS that will improve HN on mobile (IMO)
141–150 of 163 posts
Re: Two lines of CSS that will improve HN on mobile (IMO)
#142Re: Two lines of CSS that will improve HN on mobile (IMO)
#143Personally I prefer the existing style. The larger text looks imbalanced, and I think there are ways to make collapsing threads easier without the eyesore, like changing "[-]" to "collapse thread" or adding a reddit-style bar to the left of the text. Commenting in case others agree, so the HN team doesn't assume everyone agrees with the proposed change.
Re: Two lines of CSS that will improve HN on mobile (IMO)
#144Don't use points, use em or rem. Otherwise it won't render well for people with unusual screen formats.
12pt equals 16px, 20pt equals 26.667px. The unitless line-height would be 1.6667. Regardless of how it's written, that's a pretty big value for regular-sized text (compared to larger text for something like a heading). I guess that's helpful in narrow views of nested comments, where the close button might wrap to a new line, below another clickable element.
.comhead {
font-size: 1rem;
line-height: 1.667
}Re: Two lines of CSS that will improve HN on mobile (IMO)
#145I use 20px font size in Hacker News - Zenburn Dark (by incrediblygood [1]) to make usable, the default fontsize and the bright colorscheme is fatiguing to my eyes. [1] https://userstyles.org/styles/97106/hacker-news-zenburn-dark
Reading on mobile devices, or worse, high-DPI e-ink, is a nightmare.
There's supposed to be a custom-per-user CSS hack in the works, but that's been the response for years.
Re: Two lines of CSS that will improve HN on mobile (IMO)
#146I just zoom in to 115% on iOS and 120% in Firefox on my desktop computer.
Font size is buried three levels deep under Settings > Accessibility > Font Size
Re: Two lines of CSS that will improve HN on mobile (IMO)
#147I just zoom in to 115% on iOS and 120% in Firefox on my desktop computer.
Re: Two lines of CSS that will improve HN on mobile (IMO)
#148Re: Two lines of CSS that will improve HN on mobile (IMO)
#149Re: Two lines of CSS that will improve HN on mobile (IMO)
#150Or just use: https://play.google.com/store/apps/details?id=com.simon.harm...
Writing from it now, it's pretty simple and has everything needed