From a61af44a4d3cb03a0d68bc14abcc50045fa66ec7 Mon Sep 17 00:00:00 2001
From: Dessalines <happydooby@gmail.com>
Date: Sat, 17 Aug 2019 19:31:32 -0700
Subject: Better offsets

---
 ui/src/components/comment-node.tsx | 2 +-
 ui/src/components/post-listing.tsx | 2 +-
 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;
-- 
cgit v1.2.3