From d8fff0fc8c25d1bd0a287502ca633a44a7844911 Mon Sep 17 00:00:00 2001
From: sdtsui <szehungdanieltsui@gmail.com>
Date: Sun, 6 Aug 2017 23:12:40 -0700
Subject: [PATCH] Opt for calculated values in absolutely positioned caret

---
 ui/app/components/wallet-view.js              | 7 +++++--
 ui/app/css/itcss/components/hero-balance.scss | 3 +++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/app/components/wallet-view.js b/ui/app/components/wallet-view.js
index ad84ee6a8..3c331a100 100644
--- a/ui/app/components/wallet-view.js
+++ b/ui/app/components/wallet-view.js
@@ -58,7 +58,7 @@ WalletView.prototype.render = function () {
 
       h('div.flex-column.flex-center', {
         style: {
-         // constrains size of absolutely positioned wrappers
+          // constrains size of absolutely positioned wrappers
           position: 'relative',
         },
       }, [
@@ -83,7 +83,10 @@ WalletView.prototype.render = function () {
         h(AccountDropdowns, {
           style: {
             position: 'absolute',
-            left: '66.5%',
+            left: 'calc(50% + 28px + 5.5px)',
+            // left: '42px',
+            // top: '-10px'
+            // left: '66.5%',
             top: '19.5%',
           },
           selected,
diff --git a/ui/app/css/itcss/components/hero-balance.scss b/ui/app/css/itcss/components/hero-balance.scss
index fabba9ed8..f7ecf0cdf 100644
--- a/ui/app/css/itcss/components/hero-balance.scss
+++ b/ui/app/css/itcss/components/hero-balance.scss
@@ -3,6 +3,7 @@ $break-medium: 780px;
 $break-large: 576px;
 
 .hero-balance {
+
   @media screen and (max-width: $break-small) {
     display: flex;
     flex-direction: column;
@@ -90,7 +91,9 @@ $break-large: 576px;
         min-height: 28px;
         font-size: .7em;
       }
+
     }
 
   }
+
 }
\ No newline at end of file