From 4100404c85b05afce601d71dd04e51c2bc7d5442 Mon Sep 17 00:00:00 2001
From: Tan Su Yin <e0425292@u.nus.edu>
Date: Sat, 8 Oct 2022 17:20:24 +0800
Subject: [PATCH] [resumes][fix] Change browse list item styling

---
 .../src/components/resumes/browse/BrowseListItem.tsx      | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/portal/src/components/resumes/browse/BrowseListItem.tsx b/apps/portal/src/components/resumes/browse/BrowseListItem.tsx
index 3588f0c0..b8c3cdaa 100644
--- a/apps/portal/src/components/resumes/browse/BrowseListItem.tsx
+++ b/apps/portal/src/components/resumes/browse/BrowseListItem.tsx
@@ -13,8 +13,8 @@ type Props = Readonly<{
 export default function BrowseListItem({ href, resumeInfo }: Props) {
   return (
     <Link href={href}>
-      <div className="flex justify-between border-b border-slate-200 p-4">
-        <div>
+      <div className="grid grid-cols-8 border-b border-slate-200 p-4">
+        <div className="col-span-4">
           {resumeInfo.title}
           <div className="mt-2 flex items-center justify-start text-xs text-indigo-500">
             {resumeInfo.role}
@@ -33,11 +33,11 @@ export default function BrowseListItem({ href, resumeInfo }: Props) {
             </div>
           </div>
         </div>
-        <div className="self-center text-sm text-slate-500">
+        <div className="col-span-2 self-center text-sm text-slate-500">
           {/* TODO: Replace hardcoded days ago with calculated days ago*/}
           Uploaded 2 days ago by {resumeInfo.user}
         </div>
-        <ChevronRightIcon className="w-8" />
+        <ChevronRightIcon className="col-span-2 w-8 self-center justify-self-center" />
       </div>
     </Link>
   );