From 3d84a08aaa656c20527e57c8aeb609bbb53b5219 Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Sat, 17 Aug 2019 18:59:59 -0700
Subject: [PATCH] Trying some extra spacing.

---
 ui/src/components/comment-form.tsx | 2 +-
 ui/src/components/post-listing.tsx | 4 ++--
 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 {
-- 
2.44.1