From abd1984df6601b1c06cf5ee33a55cbc862bb0b89 Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Fri, 13 Jul 2018 15:08:21 -0400
Subject: [PATCH] update pre-register card styling

---
 app/components/ens/nameLookup.js                 |   9 +++++----
 .../components/baseline_check_circle_outline.png | Bin 0 -> 2707 bytes
 2 files changed, 5 insertions(+), 4 deletions(-)
 create mode 100755 app/ui/icons/components/baseline_check_circle_outline.png

diff --git a/app/components/ens/nameLookup.js b/app/components/ens/nameLookup.js
index 5ee9505..4830bc5 100644
--- a/app/components/ens/nameLookup.js
+++ b/app/components/ens/nameLookup.js
@@ -15,7 +15,8 @@ import { CopyToClipboard } from 'react-copy-to-clipboard';
 import RegisterSubDomain from '../ens/registerSubDomain';
 import StatusLogo from '../../ui/icons/components/StatusLogo'
 import EnsLogo from '../../ui/icons/logos/ens.png';
-import { formatPrice } from '../ens/utils'
+import { formatPrice } from '../ens/utils';
+import CheckCircle from '../../ui/icons/components/baseline_check_circle_outline.png';
 const { getPrice, getExpirationTime } = ENSSubdomainRegistry.methods;
 
 const invalidSuffix = '0000000000000000000000000000000000000000'
@@ -85,11 +86,11 @@ const RegisterInfoCard = ({ formattedDomain, domainPrice }) => (
         <Typography variant="title" style={
           { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'space-evenly', height: '4em', color: '#ffffff', textAlign: 'center', margin: '10%' }
         }>
+          <img src={CheckCircle} style={{ maxWidth: '2.5em', marginBottom: '0.5em' }} />
           <b>{formattedDomain.toLowerCase()}</b>
-          <div style={{ border: '1px solid', borderRadius: '25px', width: '5em', height: '2em', paddingTop: '0.1em', fontWeight: 300, marginTop: '0.5em' }}>
-            {!!domainPrice && formatPrice(fromWei(domainPrice))} SNT
+          <div style={{ fontWeight: 300 }}>
+            {!!domainPrice && formatPrice(fromWei(domainPrice))} SNT / 1 year
           </div>
-          <div style={{ fontWeight: 100, marginTop: '0.3em' }}>1 year</div>
         </Typography>
       </Info>
     </Hidden>
diff --git a/app/ui/icons/components/baseline_check_circle_outline.png b/app/ui/icons/components/baseline_check_circle_outline.png
new file mode 100755
index 0000000000000000000000000000000000000000..aa6010e45c77f0c00fb32dad07f0771762c43db2
GIT binary patch
literal 2707
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
N002ovPDHLkV1l}X7jFOn

literal 0
HcmV?d00001