From 784bcc646bc3be7912c1ffffcd870226751f2536 Mon Sep 17 00:00:00 2001
From: Dessalines <happydooby@gmail.com>
Date: Fri, 6 Mar 2020 11:51:25 -0500
Subject: [PATCH] Adding post listing separators. Hiding full score unless
 downvotes.

---
 ui/src/components/post-listing.tsx | 39 ++++++++++++++++++------------
 1 file changed, 23 insertions(+), 16 deletions(-)

diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index bfa58a7..2d09e90 100644
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -463,27 +463,34 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
                     </span>
                   )}
                 </li>
+                <li className="list-inline-item">•</li>
                 <li className="list-inline-item">
                   <span>
                     <MomentTime data={post} />
                   </span>
                 </li>
-                <li className="list-inline-item">
-                  <span className="text-muted">
-                    <svg class="small icon icon-inline mr-1">
-                      <use xlinkHref="#icon-arrow-up"></use>
-                    </svg>
-                    {this.state.upvotes}
-                  </span>
-                </li>
-                <li className="list-inline-item">
-                  <span className="text-muted">
-                    <svg class="small icon icon-inline mr-1">
-                      <use xlinkHref="#icon-arrow-down"></use>
-                    </svg>
-                    {this.state.downvotes}
-                  </span>
-                </li>
+                <li className="list-inline-item">•</li>
+                {this.state.upvotes !== this.state.score && (
+                  <>
+                    <li className="list-inline-item">
+                      <span className="text-muted">
+                        <svg class="small icon icon-inline mr-1">
+                          <use xlinkHref="#icon-arrow-up"></use>
+                        </svg>
+                        {this.state.upvotes}
+                      </span>
+                    </li>
+                    <li className="list-inline-item">
+                      <span className="text-muted">
+                        <svg class="small icon icon-inline mr-1">
+                          <use xlinkHref="#icon-arrow-down"></use>
+                        </svg>
+                        {this.state.downvotes}
+                      </span>
+                    </li>
+                    <li className="list-inline-item">•</li>
+                  </>
+                )}
                 <li className="list-inline-item">
                   <Link
                     className="text-muted"