From 1b01a76583f328d1621f97815bd7f5e4a7d35224 Mon Sep 17 00:00:00 2001
From: Dessalines <happydooby@gmail.com>
Date: Mon, 22 Jul 2019 20:15:00 -0700
Subject: [PATCH] Maybe #183

---
 ui/src/components/comment-node.tsx | 4 ++--
 ui/src/components/post-listing.tsx | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx
index aa7dfbe3b..a201ddd6b 100644
--- a/ui/src/components/comment-node.tsx
+++ b/ui/src/components/comment-node.tsx
@@ -61,11 +61,11 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
       <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={`pointer ${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>
+            <svg class="pointer icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>
           </div>
           <div class={`font-weight-bold text-muted`}>{node.comment.score}</div>
           <div className={`pointer ${node.comment.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(node, this.handleCommentDisLike)}>
-            <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
+            <svg class="pointer icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
           </div>
         </div>
         <div id={`comment-${node.comment.id}`} className={`details ml-4 ${this.isCommentNew ? 'mark' : ''}`}>
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index 0fec5ceb3..6727dd09c 100644
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -59,11 +59,11 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
       <div class="listing">
         <div className={`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="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>
+            <svg class="pointer icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>
           </div>
           <div class={`font-weight-bold text-muted`}>{post.score}</div>
           <div className={`pointer ${post.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostDisLike)}>
-            <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
+            <svg class="pointer icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
           </div>
         </div>
         {post.url && isImage(post.url) &&
@@ -94,10 +94,10 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
             { post.url && isImage(post.url) && 
               <>
                 { !this.state.imageExpanded
-                  ? <span class="badge badge-light pointer ml-2 text-muted small" title="Expand here" onClick={linkEvent(this, this.handleImageExpandClick)}>+</span>
+                  ? <span class="text-monospace pointer ml-2 text-muted small" title="Expand here" onClick={linkEvent(this, this.handleImageExpandClick)}>[+]</span>
                   : 
                   <span>
-                    <span class="pointer ml-2 badge badge-light text-muted small" onClick={linkEvent(this, this.handleImageExpandClick)}>-</span>
+                    <span class="text-monospace pointer ml-2 text-muted small" onClick={linkEvent(this, this.handleImageExpandClick)}>[-]</span>
                     <div>
                       <span class="pointer" onClick={linkEvent(this, this.handleImageExpandClick)}><img class="img-fluid" src={post.url} /></span>
                     </div>