You can also create a custom theme and use this one to extend it. It makes the upvote and downvote larger buttons, and also adds padding to the comment / edit / delete
Comments
flabberghaster wrote
Oh I like this, thanks!
twovests OP wrote
here is what i added:
.vote {
padding: .5rem 1.5rem;
text-align: center
}
.vote * {
display: block
}
.vote-score {
font-weight: 700
}
.vote-button {
border: none;
background: #789;
padding: 16px;
color: white;
line-height: 1.15;
white-space: nowrap;
border-radius: 12px;
}
/* remove this if u want to be symmetrical */
.vote-down {
padding: 6px 16px 6px 16px;
white-space: nowrap;
border-radius: 8px;
line-height: 0.5;
display: flex;
justify-content: center
}
.vote-user-upvoted .vote-up {
color: white;
background: orange;
}
.vote-user-downvoted .vote-down {
background: #0080ff;
color: white;
}
.submission-nav a {
display: inline-block;
padding: 8px;
margin: 4px;
}
twovests OP wrote
twovests OP wrote (edited )
ty!! anything to make upvoting posts easier. if there's anything better than posting, it's telling others that their post was good.
kudos to postmill for being so clean and easy to style. no div soup, no js-managed dom. and everything's an html form (blessed). thank u emma
twovests OP wrote
please ignore the "hackernews" theme, i thought it'd be funny to make a jstpst theme that makes it look just like hackernews. then i realized i love and respect myself and this site