The .votearrow element on HN is 10x10px:
.votearrow {
width: 10px;
height: 10px;
border: 0px;
margin: 3px 2px 6px;
background: url("triangle.svg"), linear-gradient(transparent, transparent) no-repeat;
background-size: 10px;
}
On mobile, I keep tapping the title instead of the arrow. I've been running this override via Stylus for a while:
.votearrow {
width: 40px;
height: 40px;
margin: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
cursor: pointer;
}
I prefer that to the idea of a “mobile-first” site overhaul like much of the web has done. In nearly every case those efforts seem to make things worse.
reply