From 465f5080c0c90249f155d8ff8978f061005713cc Mon Sep 17 00:00:00 2001 From: Dessalines Date: Wed, 28 Aug 2019 18:43:51 -0700 Subject: [PATCH] Adding some UI suggestions. - Adding divider lines in between post listings. - Increasing button sizes. - Fixes #222 --- ui/src/components/comment-node.tsx | 4 ++-- ui/src/components/post-listing.tsx | 4 ++-- ui/src/components/post-listings.tsx | 6 +++++- ui/src/css/main.css | 2 +- 4 files changed, 10 insertions(+), 6 deletions(-) diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx index f518da904..785e31074 100644 --- a/ui/src/components/comment-node.tsx +++ b/ui/src/components/comment-node.tsx @@ -62,11 +62,11 @@ export class CommentNode extends Component { return (
-
{node.comment.score}
-
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx index 0b9cc3e13..b513d0777 100644 --- a/ui/src/components/post-listing.tsx +++ b/ui/src/components/post-listing.tsx @@ -60,11 +60,11 @@ export class PostListing extends Component { return (
-
{post.score}
-
diff --git a/ui/src/components/post-listings.tsx b/ui/src/components/post-listings.tsx index f5682a7e9..5dd627391 100644 --- a/ui/src/components/post-listings.tsx +++ b/ui/src/components/post-listings.tsx @@ -19,7 +19,11 @@ export class PostListings extends Component { return (
{this.props.posts.length > 0 ? this.props.posts.map(post => - ) : + <> + +
+ + ) : <>
#
{this.props.showCommunity !== undefined &&
##
} diff --git a/ui/src/css/main.css b/ui/src/css/main.css index cc8eb4813..536cbc647 100644 --- a/ui/src/css/main.css +++ b/ui/src/css/main.css @@ -63,7 +63,7 @@ body, .text-white, .navbar-brand, .badge-light, .btn-secondary { height: auto; } -.listing, .comment-node { +.comment-node { margin-bottom: 10px; }