more styles 2.

diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx
index 45703945f6aa2216a6bb13362299256ebec20aeb..b90c2b9a85e41fdd922f99d464bf04a34443ff7c 100644 (file)
--- a/ui/src/components/comment-node.tsx
+++ b/ui/src/components/comment-node.tsx
@@ -70,7 +70,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
             <svg class="pointer icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
           </div>
         </div>
-        <div id={`comment-${node.comment.id}`} className={`details ml-4 ${this.isCommentNew ? 'mark' : ''}`}>
+        <div id={`comment-${node.comment.id}`} className={`details comment-node ml-4 ${this.isCommentNew ? 'mark' : ''}`}>
           <ul class="list-inline mb-0 text-muted small">
             <li className="list-inline-item">
               <Link className="text-info" to={`/u/${node.comment.creator_name}`}>{node.comment.creator_name}</Link>

diff --git a/ui/src/css/main.css b/ui/src/css/main.css
index ef562171780a883e656bf8fd1cb0ed1371f010a4..57e1cb3509cd306243eadcfd7739c3eefaf6b7ff 100644 (file)
--- a/ui/src/css/main.css
+++ b/ui/src/css/main.css
@@ -59,12 +59,7 @@ body, .text-white, .navbar-brand, .badge-light, .btn-secondary {
   height: auto;
 }
 
-.listing {
-  /* min-height: 61px; */
-  margin-bottom: 10px;
-}
-
-.details {
+.listing, .comment-node {
   margin-bottom: 10px;
 }