1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00

Makes styling fixes to account dropdown.

This commit is contained in:
Dan 2017-09-27 21:45:27 -02:30 committed by Chi Kei Chan
parent 10345a12c2
commit c2ccd6e90e
2 changed files with 12 additions and 10 deletions

View File

@ -51,6 +51,7 @@ class AccountDropdowns extends Component {
{ {
marginTop: index === 0 ? '5px' : '', marginTop: index === 0 ? '5px' : '',
fontSize: '24px', fontSize: '24px',
width: '260px',
}, },
menuItemStyles, menuItemStyles,
), ),
@ -92,6 +93,7 @@ class AccountDropdowns extends Component {
alignItems: 'flex-start', alignItems: 'flex-start',
justifyContent: 'center', justifyContent: 'center',
marginLeft: '10px', marginLeft: '10px',
position: 'relative',
}, },
}, [ }, [
this.indicateIfLoose(keyring), this.indicateIfLoose(keyring),
@ -104,7 +106,6 @@ class AccountDropdowns extends Component {
textOverflow: 'ellipsis', textOverflow: 'ellipsis',
}, },
}, identity.name || ''), }, identity.name || ''),
h('span', { style: { marginLeft: '20px', fontSize: '24px' } }, isSelected ? h('.check', '✓') : null),
h('span.account-dropdown-balance', { h('span.account-dropdown-balance', {
style: { style: {
@ -202,17 +203,19 @@ class AccountDropdowns extends Component {
}, },
[ [
h( h(
Identicon, 'div',
{ {
style: { style: {
marginLeft: '10px', marginLeft: '8px',
fontFamily: 'Montserrat UltraLight',
fontSize: '30px',
}, },
diameter: 32,
}, },
'+'
), ),
h('span', { h('span', {
style: { style: {
marginLeft: '20px', marginLeft: '14px',
fontFamily: 'DIN OT', fontFamily: 'DIN OT',
fontSize: '16px', fontSize: '16px',
lineHeight: '23px', lineHeight: '23px',
@ -232,13 +235,13 @@ class AccountDropdowns extends Component {
}, },
[ [
h( h(
Identicon, 'div',
{ {
style: { style: {
marginLeft: '10px', marginLeft: '10px',
}, },
diameter: 32,
}, },
String.fromCharCode(10515)
), ),
h('span', { h('span', {
style: { style: {

View File

@ -239,9 +239,8 @@ hr.horizontal-line {
height: 20px; height: 20px;
min-width: 20px; min-width: 20px;
position: absolute; position: absolute;
display: flex; top: 0px;
align-items: center; right: 5px;
justify-content: center;
padding: 4px; padding: 4px;
} }