From 8e3f8ab6046fa868a44a71ff1a9967468b431b99 Mon Sep 17 00:00:00 2001
From: Keane Chan <e0425601@u.nus.edu>
Date: Thu, 20 Oct 2022 14:35:55 +0800
Subject: [PATCH] [resumes][fix] reduce font size in comments

---
 .../src/components/resumes/comments/ResumeCommentsList.tsx  | 6 +++---
 .../src/server/router/resumes/resumes-comments-router.ts    | 1 -
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/portal/src/components/resumes/comments/ResumeCommentsList.tsx b/apps/portal/src/components/resumes/comments/ResumeCommentsList.tsx
index 23f8ad02..677678e6 100644
--- a/apps/portal/src/components/resumes/comments/ResumeCommentsList.tsx
+++ b/apps/portal/src/components/resumes/comments/ResumeCommentsList.tsx
@@ -33,7 +33,7 @@ export default function ResumeCommentsList({
   const commentsQuery = trpc.useQuery(['resumes.comments.list', { resumeId }]);
 
   const renderIcon = (section: ResumesSection) => {
-    const className = 'h-8 w-8';
+    const className = 'h-7 w-7';
     switch (section) {
       case ResumesSection.GENERAL:
         return <IdentificationIcon className={className} />;
@@ -83,11 +83,11 @@ export default function ResumeCommentsList({
             const commentCount = comments.length;
 
             return (
-              <div key={value} className="mb-4 space-y-3">
+              <div key={value} className="mb-4 space-y-4">
                 <div className="flex flex-row items-center space-x-2 text-indigo-800">
                   {renderIcon(value)}
 
-                  <div className="w-fit text-xl font-medium">{label}</div>
+                  <div className="w-fit text-lg font-medium">{label}</div>
                 </div>
 
                 {commentCount > 0 ? (
diff --git a/apps/portal/src/server/router/resumes/resumes-comments-router.ts b/apps/portal/src/server/router/resumes/resumes-comments-router.ts
index 33d6256a..096e8323 100644
--- a/apps/portal/src/server/router/resumes/resumes-comments-router.ts
+++ b/apps/portal/src/server/router/resumes/resumes-comments-router.ts
@@ -13,7 +13,6 @@ export const resumeCommentsRouter = createRouter().query('list', {
 
     // For this resume, we retrieve every comment's information, along with:
     // The user's name and image to render
-    // Number of votes, and whether the user (if-any) has voted
     const comments = await ctx.prisma.resumesComment.findMany({
       include: {
         user: {