From 70b933cd6ec549d7028c0ccc5a3b60163e214989 Mon Sep 17 00:00:00 2001
From: Eakampreet <eakam1007@gmail.com>
Date: Sat, 8 Oct 2022 20:55:32 -0400
Subject: [PATCH] Update dependency font size and style

Update dependency row bottom border color to be lighter in dark mode

Make border style consistent across all rows

Make border style important

Co-authored-by: Kevan Yang <58233223+Kevan-Y@users.noreply.github.com>

Remove extra whitespace

Make dependency info cell border style important
---
 .../app/src/components/DependenciesTable/Row.tsx    | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/web/app/src/components/DependenciesTable/Row.tsx b/src/web/app/src/components/DependenciesTable/Row.tsx
index 3952015f75..4ae3f22119 100644
--- a/src/web/app/src/components/DependenciesTable/Row.tsx
+++ b/src/web/app/src/components/DependenciesTable/Row.tsx
@@ -19,9 +19,11 @@ import { dependencyDiscoveryUrl } from '../../config';
 const useStyles = makeStyles((theme) => ({
   root: {
     '& .MuiTableCell-body': {
-      fontSize: '14px',
+      fontFamily: 'Spartan',
+      fontSize: '16px',
       color: theme.palette.text.secondary,
       fontWeight: 700,
+      borderBottom: '0.01em solid #909090 !important',
     },
     cursor: 'pointer',
   },
@@ -36,6 +38,9 @@ const useStyles = makeStyles((theme) => ({
     color: theme.palette.text.secondary,
     fontSize: '2rem !important',
   },
+  dependencyInfoCell: {
+    borderBottom: '0.01em solid #909090 !important',
+  },
   dependencyInfo: {
     display: 'inline-flex',
     alignItems: 'center',
@@ -142,7 +147,11 @@ export const Row = ({ dependency }: RowProps) => {
         </TableCell>
       </TableRow>
       <TableRow>
-        <TableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={2}>
+        <TableCell
+          className={classes.dependencyInfoCell}
+          style={{ paddingBottom: 0, paddingTop: 0 }}
+          colSpan={2}
+        >
           <Collapse in={open} timeout="auto" unmountOnExit>
             {projectInfo && issues ? (
               <Box className={classes.collapseBox}>