From a4fc852c827d4f2f90710aef9b887e630552f905 Mon Sep 17 00:00:00 2001
From: Terence Ho <>
Date: Wed, 26 Oct 2022 22:34:20 +0800
Subject: [PATCH] [resumes][fix] style header section

---
 .../resumes/comments/ResumeCommentsList.tsx         | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/portal/src/components/resumes/comments/ResumeCommentsList.tsx b/apps/portal/src/components/resumes/comments/ResumeCommentsList.tsx
index 2f31d874..aae07789 100644
--- a/apps/portal/src/components/resumes/comments/ResumeCommentsList.tsx
+++ b/apps/portal/src/components/resumes/comments/ResumeCommentsList.tsx
@@ -66,10 +66,15 @@ export default function ResumeCommentsList({
 
             return (
               <div key={value} className="space-y-6 pr-4">
-                <div className="text-primary-800 -mb-2 flex flex-row items-center space-x-2">
-                  {renderIcon(value)}
+                <div className="relative flex flex-row items-center px-2 py-2">
+                  <div className="flex-grow border-t border-slate-300" />
 
-                  <div className="w-fit text-lg font-medium">{label}</div>
+                  <div className="text-primary-800 flex flex-row items-center space-x-2 px-4 text-left">
+                    {renderIcon(value)}
+                    <div className="w-fit text-lg font-medium">{label}</div>
+                  </div>
+
+                  <div className="flex-grow border-t border-slate-300" />
                 </div>
 
                 <div
@@ -97,8 +102,6 @@ export default function ResumeCommentsList({
                     </div>
                   )}
                 </div>
-
-                <hr className="border-gray-300" />
               </div>
             );
           })}