From c2ccd6e90ed15245ed4e9e2965f2f5c9f293f115 Mon Sep 17 00:00:00 2001
From: Dan <danjm.com@gmail.com>
Date: Wed, 27 Sep 2017 21:45:27 -0230
Subject: [PATCH] Makes styling fixes to account dropdown.

---
 .../dropdowns/components/account-dropdowns.js   | 17 ++++++++++-------
 ui/app/css/itcss/tools/utilities.scss           |  5 ++---
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/ui/app/components/dropdowns/components/account-dropdowns.js b/ui/app/components/dropdowns/components/account-dropdowns.js
index 76f186a3f..3e31412c6 100644
--- a/ui/app/components/dropdowns/components/account-dropdowns.js
+++ b/ui/app/components/dropdowns/components/account-dropdowns.js
@@ -51,6 +51,7 @@ class AccountDropdowns extends Component {
             {
               marginTop: index === 0 ? '5px' : '',
               fontSize: '24px',
+              width: '260px',
             },
             menuItemStyles,
           ),
@@ -92,6 +93,7 @@ class AccountDropdowns extends Component {
                 alignItems: 'flex-start',
                 justifyContent: 'center',
                 marginLeft: '10px',
+                position: 'relative',
               },
             }, [
               this.indicateIfLoose(keyring),
@@ -104,7 +106,6 @@ class AccountDropdowns extends Component {
                   textOverflow: 'ellipsis',
                 },
               }, identity.name || ''),
-              h('span', { style: { marginLeft: '20px', fontSize: '24px' } }, isSelected ? h('.check', '✓') : null),
 
               h('span.account-dropdown-balance', {
                 style: {
@@ -202,17 +203,19 @@ class AccountDropdowns extends Component {
           },
           [
             h(
-              Identicon,
+              'div',
               {
                 style: {
-                  marginLeft: '10px',
+                  marginLeft: '8px',
+                  fontFamily: 'Montserrat UltraLight',
+                  fontSize: '30px',
                 },
-                diameter: 32,
               },
+              '+'
             ),
             h('span', {
               style: {
-                marginLeft: '20px',
+                marginLeft: '14px',
                 fontFamily: 'DIN OT',
                 fontSize: '16px',
                 lineHeight: '23px',
@@ -232,13 +235,13 @@ class AccountDropdowns extends Component {
           },
           [
             h(
-              Identicon,
+              'div',
               {
                 style: {
                   marginLeft: '10px',
                 },
-                diameter: 32,
               },
+              String.fromCharCode(10515)
             ),
             h('span', {
               style: {
diff --git a/ui/app/css/itcss/tools/utilities.scss b/ui/app/css/itcss/tools/utilities.scss
index 9f1caa732..4a55303b9 100644
--- a/ui/app/css/itcss/tools/utilities.scss
+++ b/ui/app/css/itcss/tools/utilities.scss
@@ -239,9 +239,8 @@ hr.horizontal-line {
   height: 20px;
   min-width: 20px;
   position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  top: 0px;
+  right: 5px;
   padding: 4px;
 }