Fix table font and colors

Author: kulgavy

src/components/Wrappers/Wrappers.js

@@ -119,6 +119,7 @@ const ButtonExtended = ({ theme, children, ...props }) => {
     button: {
       backgroundColor: getColor(props.color, theme),
       boxShadow: theme.customShadows.widget,
+      color: 'white',
       '&:hover': {
         backgroundColor: getColor(props.color, theme, 'light'),
         boxShadow: theme.customShadows.widgetWide,

src/pages/dashboard/components/Table/Table.js

@@ -5,12 +5,12 @@ import {
   TableHead,
   TableBody,
   TableCell,
-  Button
 } from "@material-ui/core";
+import { Button } from '../../../../components/Wrappers';
 
 const states = {
-  sent: "primary",
-  pending: "default",
+  sent: "success",
+  pending: "warning",
   declined: "secondary"
 };
 

src/themes/default.js

@@ -92,9 +92,20 @@ export default {
         backgroundColor: "white"
       }
     },
+    MuiTableRow: {
+      root: {
+        height: 56,
+      }
+    },
     MuiTableCell: {
       root: {
         borderBottom: '1px solid rgba(224, 224, 224, .5)',
+      },
+      head: {
+        fontSize: '0.95rem',
+      },
+      body: {
+        fontSize: '0.95rem',
       }
     }
   }