Better margins.

diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx
index ef231d4bb74ed42368ec63a1b64e36bf7465a8ec..f26275c8db1cdb9daa12d14a757ce2ae7dc45962 100644 (file)
--- a/ui/src/components/comment-node.tsx
+++ b/ui/src/components/comment-node.tsx
@@ -65,7 +65,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={`vote-bar mr-1 float-left small text-center ${this.props.viewOnly && 'no-click'}`}>
+        <div className={`vote-bar mr-2 float-left small text-center ${this.props.viewOnly && 'no-click'}`}>
           <button className={`btn p-0 ${node.comment.my_vote == 1 ? 'text-info' : 'text-muted'}`} onClick={linkEvent(node, this.handleCommentLike)}>
             <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>
           </button>

diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index b513d077757365b0cefade46770907c732738a83..e3b6e76a96df26b3ff06944bcbf530abe06aaa6e 100644 (file)
--- 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 col-12">
-        <div className={`vote-bar mr-1 float-left small text-center ${this.props.viewOnly && 'no-click'}`}>
+        <div className={`vote-bar mr-2 float-left small text-center ${this.props.viewOnly && 'no-click'}`}>
           <button className={`btn p-0 ${post.my_vote == 1 ? 'text-info' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostLike)}>
             <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>
           </button>

diff --git a/ui/src/css/main.css b/ui/src/css/main.css
index 536cbc647ce6b2297a8d478302ec088bb91a0d40..621a5fb74ac3505a68b355662229802e51adc498 100644 (file)
--- a/ui/src/css/main.css
+++ b/ui/src/css/main.css
@@ -68,7 +68,7 @@ body, .text-white, .navbar-brand, .badge-light, .btn-secondary {
 }
 
 .vote-bar {
-  margin-top: -4.5px;
+  margin-top: -6.5px;
 }
 
 .post-title {