Trying some extra spacing.

diff --git a/ui/src/components/comment-form.tsx b/ui/src/components/comment-form.tsx
index ed62fcf5c1a558c7d01fda23fb28cf5090fd2a2e..7a75d9e4d4e9f4e362d5b8d5f5ecf45ae6bfa0f1 100644 (file)
--- 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 14f2ee8531c1e0b495e75b14fd76d16394d74574..d386f9a8df80ce1ada23232b18ec990a7735ac72 100644 (file)
--- 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 c76afd59dba3347414bb53240f091a15355d4633..e611f8d468bf969555b82978a62b90d2305ec5f0 100644 (file)
--- 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 {