Discussion Ask HN: Why are the upvote arrows so small? 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; } 5 points guilhermeasper 4 months ago 6 comments
.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; }