From c7317105d1b4001914a3cab7053489d2482e3a14 Mon Sep 17 00:00:00 2001
From: Casper Liao <cl2622@cornell.edu>
Date: Wed, 21 Feb 2024 18:08:43 -0500
Subject: [PATCH] Change landlord underlined text to button style

---
 frontend/src/components/Review/Review.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/Review/Review.tsx b/frontend/src/components/Review/Review.tsx
index 796cd619..5e9b6785 100644
--- a/frontend/src/components/Review/Review.tsx
+++ b/frontend/src/components/Review/Review.tsx
@@ -189,22 +189,25 @@ const ReviewComponent = ({
     return (
       showLabel && (
         <>
-          <Grid style={{ fontWeight: 'bold', marginRight: '5px' }}>
-            {apt.length > 0 ? 'Property: ' : 'Landlord: '}
-          </Grid>
           <Link
             {...{
               to: apt.length > 0 ? `/apartment/${review.aptId}` : `/landlord/${review.landlordId}`,
               style: {
-                color: 'black',
-                textDecoration: 'underline',
-                paddingBottom: '3px',
+                textDecoration: 'none',
+                display: 'inline-block',
+                width: '100%',
+                paddingLeft: '3px',
               },
               component: RouterLink,
             }}
             onClick={handleLinkClick}
           >
-            {apt.length > 0 ? apt[0].name : landlordData ? landlordData.name : ''}
+            <Button>
+              <Grid style={{ fontWeight: 'bold', marginRight: '5px' }}>
+                {apt.length > 0 ? 'Property: ' : 'Landlord: '}
+              </Grid>
+              {apt.length > 0 ? apt[0].name : landlordData ? landlordData.name : ''}
+            </Button>
           </Link>
         </>
       )