diff options
author | Dessalines <happydooby@gmail.com> | 2019-08-17 19:31:32 -0700 |
---|---|---|
committer | Dessalines <happydooby@gmail.com> | 2019-08-17 19:31:32 -0700 |
commit | a61af44a4d3cb03a0d68bc14abcc50045fa66ec7 (patch) | |
tree | 6c89bde080a16ae0b7fdf4f0a85cda33bc45ab81 | |
parent | 31bb2050231b1c2e9ce588c28a463f64b18cf68a (diff) |
Better offsets
-rw-r--r-- | ui/src/components/comment-node.tsx | 2 | ||||
-rw-r--r-- | ui/src/components/post-listing.tsx | 2 | ||||
-rw-r--r-- | ui/src/css/main.css | 4 |
3 files changed, 6 insertions, 2 deletions
diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx index a1ac93b3..45703945 100644 --- a/ui/src/components/comment-node.tsx +++ b/ui/src/components/comment-node.tsx @@ -61,7 +61,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> { let node = this.props.node; return ( <div className={`comment ${node.comment.parent_id && !this.props.noIndent ? 'ml-4' : ''}`}> - <div className={`mr-1 float-left small text-center ${this.props.viewOnly && 'no-click'}`}> + <div className={`vote-bar mr-1 float-left small text-center ${this.props.viewOnly && 'no-click'}`}> <div className={`pointer ${node.comment.my_vote == 1 ? 'text-info' : 'text-muted'}`} onClick={linkEvent(node, this.handleCommentLike)}> <svg class="pointer icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> </div> diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx index 401da0e3..dea6f1fb 100644 --- a/ui/src/components/post-listing.tsx +++ b/ui/src/components/post-listing.tsx @@ -59,7 +59,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { let post = this.props.post; return ( <div class="listing"> - <div className={`mr-1 float-left small text-center ${this.props.viewOnly && 'no-click'}`}> + <div className={`vote-bar mr-1 float-left small text-center ${this.props.viewOnly && 'no-click'}`}> <div className={`pointer ${post.my_vote == 1 ? 'text-info' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostLike)}> <svg class="pointer icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> </div> diff --git a/ui/src/css/main.css b/ui/src/css/main.css index 8ff742fa..8768caf0 100644 --- a/ui/src/css/main.css +++ b/ui/src/css/main.css @@ -67,6 +67,10 @@ body, .text-white, .navbar-brand, .badge-light, .btn-secondary { margin-bottom: 10px; } +.vote-bar { + margin-top: -3px; +} + .icon { display: inline-flex; width: 1em; |