fix: logo styling and value string

new-lamassu-admin/src/pazuz/pages/ATMWallet/ATMWallet.js

@@ -1,6 +1,7 @@
 /* eslint-disable no-unused-vars */
 import { Paper } from '@material-ui/core'
 import { makeStyles } from '@material-ui/core/styles'
+import classnames from 'classnames'
 import * as R from 'ramda'
 import React from 'react'
 
@@ -75,19 +76,25 @@ const WalletInfoChip = ({ wallet, currency }) => {
   const getLogo = cryptoCode => {
     switch (cryptoCode) {
       case 'BTC':
-        return <BitcoinLogo className={classes.btcLogo} />
+        return <BitcoinLogo className={classes.logo} />
       case 'ETH':
-        return <EthereumLogo className={classes.ethLogo} />
+        return <EthereumLogo className={classes.logo} />
       case 'LTC':
-        return <LitecoinLogo className={classes.ltcLogo} />
+        return <LitecoinLogo className={classes.logo} />
       case 'ZEC':
-        return <ZCashLogo className={classes.zecLogo} />
+        return (
+          <ZCashLogo className={classnames(classes.logo, classes.zecLogo)} />
+        )
       case 'BCH':
-        return <BitcoinCashLogo className={classes.bchLogo} />
+        return (
+          <BitcoinCashLogo
+            className={classnames(classes.logo, classes.bchLogo)}
+          />
+        )
       case 'DASH':
-        return <DashLogo className={classes.dashLogo} />
+        return <DashLogo className={classes.logo} />
       default:
-        return <BitcoinLogo className={classes.btcLogo} />
+        return <BitcoinLogo className={classes.logo} />
     }
   }
 
@@ -103,7 +110,7 @@ const WalletInfoChip = ({ wallet, currency }) => {
         <div className={classes.walletValueWrapper}>
           <Label2 className={classes.fieldHeader}>{wallet.name} value</Label2>
           <Label2 className={classes.walletValue}>
-            {wallet.amount.toLocaleString('en-US', {
+            {wallet.amount.toFixed(1).toLocaleString('en-US', {
               maximumFractionDigits: 2
             })}{' '}
             {wallet.cryptoCode}

new-lamassu-admin/src/pazuz/pages/ATMWallet/ATMWallet.styles.js

@@ -54,37 +54,20 @@ const styles = ({ numberOfChips }) => ({
   walletHeader: {
     display: 'flex',
     flexDirection: 'row',
-    justifyContent: 'space-between'
+    justifyContent: 'space-between',
+    height: 50
   },
-  btcLogo: {
+  logo: {
     transform: `scale(0.4, 0.4)`,
-    margin: [[-8, 0, 0, -26]]
+    height: 80,
-  },
+    maxWidth: 110,
-  ethLogo: {
+    margin: [[-14, 0, 0, -26]]
-    transform: `scale(0.35, 0.35)`,
-    margin: [[-16, 0, -7, -15]],
-    maxHeight: 80,
-    maxWidth: 80
-  },
-  ltcLogo: {
-    transform: `scale(0.4, 0.4)`,
-    margin: [[-8, 0, 0, -26]]
   },
   zecLogo: {
-    transform: `scale(0.4, 0.4)`,
+    margin: [[-15, 0, 0, -10]]
-    margin: [[-15, 0, -9, -14]],
-    maxHeight: 80,
-    maxWidth: 80
   },
   bchLogo: {
-    transform: `scale(0.4, 0.4)`,
+    margin: [[-12, 0, 0, -18]]
-    margin: [[-8, 0, 0, -15]]
-  },
-  dashLogo: {
-    transform: `scale(0.4, 0.4)`,
-    margin: [[-13, 0, -10, -10]],
-    maxHeight: 80,
-    maxWidth: 80
   },
   hedgedText: {
     color: offColor,