From 587404d42d7e69629646f890b2ce515be8a04f4e Mon Sep 17 00:00:00 2001
From: Kevin Tun <kevin.tun@northwestern.edu>
Date: Thu, 21 Nov 2024 11:19:24 -0600
Subject: [PATCH] style(SinglePublication.tsx): add border styling to the chip
 component for improved visual appearance

The class name 'pos' has been updated to 'publication' to provide a more descriptive and meaningful name for the element. Additionally, a border styling has been added to the chip component to enhance its visual appearance and make it stand out more effectively.
---
 .../src/features/Publication/SinglePublication.tsx        | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/dicty-frontpage/src/features/Publication/SinglePublication.tsx b/apps/dicty-frontpage/src/features/Publication/SinglePublication.tsx
index 0c546846d..3ef2492a1 100644
--- a/apps/dicty-frontpage/src/features/Publication/SinglePublication.tsx
+++ b/apps/dicty-frontpage/src/features/Publication/SinglePublication.tsx
@@ -1,3 +1,4 @@
+import { Link } from "react-router-dom"
 import {
   makeStyles,
   Card,
@@ -31,14 +32,14 @@ const useStyles = makeStyles((theme) => ({
   card: {
     borderLeft: `10px solid ${theme.palette.primary.main}`,
     boxShadow: theme.shadows[4],
-    padding: "1rem",
+    paddingLeft: "1rem",
   },
   title: {
     fontWeight: 600,
     fontSize: "24px",
     fontFamily: "ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",
   },
-  pos: {
+  publication: {
     color: grey[700],
     marginBottom: theme.spacing(1),
   },
@@ -50,6 +51,7 @@ const useStyles = makeStyles((theme) => ({
     marginBottom: theme.spacing(1),
   },
   chip: {
+    border: `1px solid ${grey[200]}`,
     backgroundColor: lightBlue[50],
   },
   abstractHeading: {
@@ -81,7 +83,7 @@ const SinglePublication = ({ data }: SinglePublicationProperties) => {
         </Typography>
         <Typography
           className={
-            classes.pos
+            classes.publication
           }>{`Published in ${journal}, ${formattedDate}`}</Typography>
         <Typography className={classes.identifiers}>
           PMID: {pubmedId}