diff options
| author | Dessalines <happydooby@gmail.com> | 2019-08-17 18:59:59 -0700 |
|---|---|---|
| committer | Dessalines <happydooby@gmail.com> | 2019-08-17 18:59:59 -0700 |
| commit | 530b827f41f4bac408034c7248dfcedce81f5bf2 (patch) | |
| tree | d575c74f7855387dbea4e550706996e3298375f4 | |
| parent | ddd08278b95f8099cd053f131fb4d54114229c15 (diff) | |
Trying some extra spacing.
| -rw-r--r-- | ui/src/components/comment-form.tsx | 2 | ||||
| -rw-r--r-- | ui/src/components/post-listing.tsx | 4 | ||||
| -rw-r--r-- | ui/src/css/main.css | 3 |
3 files changed, 5 insertions, 4 deletions
diff --git a/ui/src/components/comment-form.tsx b/ui/src/components/comment-form.tsx index ed62fcf5..7a75d9e4 100644 --- a/ui/src/components/comment-form.tsx +++ b/ui/src/components/comment-form.tsx @@ -56,7 +56,7 @@ export class CommentForm extends Component<CommentFormProps, CommentFormState> { render() { return ( - <div> + <div class="mb-3"> <form onSubmit={linkEvent(this, this.handleCommentSubmit)}> <div class="form-group row"> <div class="col-sm-12"> diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx index 14f2ee85..d386f9a8 100644 --- a/ui/src/components/post-listing.tsx +++ b/ui/src/components/post-listing.tsx @@ -73,12 +73,12 @@ export class PostListing extends Component<PostListingProps, PostListingState> { } <div className="ml-4"> <div> - <h5 className="mb-0 d-inline"> + <h6 className="mb-0 d-inline"> {post.url ? <a className="text-white" href={post.url} target="_blank" title={post.url}>{post.name}</a> : <Link className="text-white" to={`/post/${post.id}`} title={i18n.t('comments')}>{post.name}</Link> } - </h5> + </h6> {post.url && <small> <a className="ml-2 text-muted font-italic" href={post.url} target="_blank" title={post.url}>{(new URL(post.url)).hostname}</a> diff --git a/ui/src/css/main.css b/ui/src/css/main.css index c76afd59..e611f8d4 100644 --- a/ui/src/css/main.css +++ b/ui/src/css/main.css @@ -59,8 +59,9 @@ body, .text-white, .navbar-brand, .badge-light, .btn-secondary { height: auto; } -.listing { +.listing, .comment { min-height: 61px; + margin-bottom: 10px; } .icon { |