From 9e7aa2ba57c7fdbb2eadfda6b482f32e14b4ef0d Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Sun, 9 Oct 2022 10:28:07 -0600
Subject: [PATCH] add todo items

---
 src/components/UI/DataTable.tsx | 10 ++++++++--
 src/pages/downloads.tsx         |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/UI/DataTable.tsx b/src/components/UI/DataTable.tsx
index adad5d0ce9..832446f0e3 100644
--- a/src/components/UI/DataTable.tsx
+++ b/src/components/UI/DataTable.tsx
@@ -21,9 +21,10 @@ export const DataTable: FC<Props> = ({
 }) => {
   return (
     <TableContainer
+      // TODO: Work on firefox implementation of scrollbar styles
+      // Note: This wont work on safari, we are ok with this.
       css={{
         "&::-webkit-scrollbar": {
-          background: "#d7f5ef",
           borderTop: '2px solid #11866f',
           height: 18
         },
@@ -68,14 +69,19 @@ export const DataTable: FC<Props> = ({
               return (
                 <Tr
                   key={idx}
+                  // TODO: Full width for hover
+                  // TODO: Add fade in animation on hover
+                  // TODO: Get new background color from nuno for hover
+                  _hover={{background: 'green.50'}}
                 >
                   {
                     columnHeaders.map((columnHeader, idx) => {
+                      // TODO: Make the font size smaller (refer to design system)
                       return (
                         <Td
                           key={idx}
                           px={0}
-                          pr={2}
+                          pr={8}
                         >
                           {item[columnHeader.toLowerCase()]}
                         </Td>
diff --git a/src/pages/downloads.tsx b/src/pages/downloads.tsx
index 3e24ac53f5..1c10c384d8 100644
--- a/src/pages/downloads.tsx
+++ b/src/pages/downloads.tsx
@@ -170,7 +170,7 @@ const DownloadsPage: NextPage = ({}) => {
             <DataTable
               columnHeaders={[
                 'Build Server',
-                'UniqueID',
+                'Unique ID',
                 'OpenPGP Key',
                 'Fingerprint'
               ]}