safe page rebranding wip

src/components/Table/index.jsx

@@ -37,7 +37,8 @@ type State = {
 const styles = {
   root: {
     backgroundColor: 'white',
-    boxShadow: '0 -1px 4px 0 rgba(74, 85, 121, 0.5)',
+    borderRadius: '8px',
+    boxShadow: '1px 2px 10px 0 rgba(212, 212, 211, 0.59)',
   },
   selectRoot: {
     lineHeight: '40px',
@@ -48,8 +49,9 @@ const styles = {
   },
   paginationRoot: {
     backgroundColor: 'white',
-    boxShadow: '0 2px 4px 0 rgba(74, 85, 121, 0.5)',
+    boxShadow: '1px 2px 10px 0 rgba(212, 212, 211, 0.59)',
     marginBottom: xl,
+    borderRadius: '8px',
   },
   loader: {
     alignItems: 'center',

src/routes/safe/components/Balances/AssetTableCell/index.jsx

@@ -18,7 +18,7 @@ const AssetTableCell = (props: Props) => {
   return (
     <Block align="left">
       <Img src={asset.logoUri} height={26} alt={asset.name} onError={setImageToPlaceholder} />
-      <Paragraph style={{ marginLeft: 10 }}>{asset.name}</Paragraph>
+      <Paragraph size="lg" style={{ marginLeft: 10 }} noMargin>{asset.name}</Paragraph>
     </Block>
   )
 }

src/theme/mui.js

@@ -215,7 +215,7 @@ export default createMuiTheme({
         },
         '@media (min-width: 960px)': {
           fontSize: extraSmallFontSize, // override material-ui media query
-        }
+        },
       },
     },
     MuiTablePagination: {
@@ -230,7 +230,7 @@ export default createMuiTheme({
       },
       caption: {
         fontFamily: 'Averta, monospace',
-        letterSpacing: '-0.5px',
+        fontSize: mediumFontSize,
         order: 3,
         color: disabled,
       },
@@ -244,9 +244,16 @@ export default createMuiTheme({
         color: disabled,
       },
     },
+    MuiTableSortLabel: {
+      root: {
+        fontSize: extraSmallFontSize,
+      },
+    },
     MuiTableCell: {
       root: {
         fontFamily: 'Averta, monospace',
+        fontSize: mediumFontSize,
+        borderBottomWidth: '2px',
       },
       head: {
         letterSpacing: '1px',
@@ -255,7 +262,7 @@ export default createMuiTheme({
       },
       body: {
         color: primary,
-        letterSpacing: '-0.5px',
+        letterSpacing: 'normal',
         fontWeight: 'normal',
         paddingTop: xs,
         paddingBottom: xs,