fix: soft rework Customers pages

new-lamassu-admin/src/pages/Customers/components/Field.js

@@ -1,19 +1,35 @@
 import { makeStyles } from '@material-ui/core/styles'
+import classnames from 'classnames'
 import React, { memo } from 'react'
 
 import { Info3, Label1 } from 'src/components/typography'
+import { comet } from 'src/styling/variables'
 
-import mainStyles from '../CustomersList.styles'
+const useStyles = makeStyles({
+  field: {
+    width: 144,
+    height: 46
+  },
+  label: {
+    color: comet,
+    margin: [[0, 3]]
+  },
+  value: {
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    margin: 0,
+    paddingLeft: 4
+  }
+})
 
-const useStyles = makeStyles(mainStyles)
-
-const Field = memo(({ label, display }) => {
+const Field = memo(({ label, display, className }) => {
   const classes = useStyles()
 
   return (
-    <div className={classes.field}>
-      <Label1>{label}</Label1>
-      <Info3 className={classes.fieldDisplay}>{display}</Info3>
+    <div className={classnames(classes.field, className)}>
+      <Label1 className={classes.label}>{label}</Label1>
+      <Info3 className={classes.value}>{display}</Info3>
     </div>
   )
 })