From 20ab313c6c73e5b93d50b209702c096d84cd5e53 Mon Sep 17 00:00:00 2001
From: Sinclair Chen <abc.sinclair@gmail.com>
Date: Fri, 12 Aug 2022 12:10:45 -0700
Subject: [PATCH] Improve profile comments vis d

---
 web/components/comments-list.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/web/components/comments-list.tsx b/web/components/comments-list.tsx
index de4ea67f..304a213f 100644
--- a/web/components/comments-list.tsx
+++ b/web/components/comments-list.tsx
@@ -27,20 +27,22 @@ export function UserCommentsList(props: {
       {Object.entries(commentsByContract).map(([contractId, comments]) => {
         const contract = contractsById[contractId]
         return (
-          <div key={contractId} className={'border-width-1 border-b p-5'}>
+          <div key={contractId} className="border-b p-5">
             <SiteLink
-              className={'mb-2 block text-sm text-indigo-700'}
+              className="mb-2 block pb-2 font-medium text-indigo-700"
               href={contractPath(contract)}
             >
               {contract.question}
             </SiteLink>
-            {comments.map((comment) => (
-              <ProfileComment
-                key={comment.id}
-                comment={comment}
-                className="relative flex items-start space-x-3 pb-6"
-              />
-            ))}
+            <Col className="gap-6">
+              {comments.map((comment) => (
+                <ProfileComment
+                  key={comment.id}
+                  comment={comment}
+                  className="relative flex items-start space-x-3"
+                />
+              ))}
+            </Col>
           </div>
         )
       })}