Refactor account name css - mobile views

4 files changed, 12 insertions, 12 deletions

diff --git a/ui/app/components/tx-view.js b/ui/app/components/tx-view.js
index 164684821..ed8f05e95 100644
--- a/ui/app/components/tx-view.js
+++ b/ui/app/components/tx-view.js
@@ -78,11 +78,8 @@ TxView.prototype.render = function () {
         }),
       ]),
 
-      h('span', {
-        style: {
-          fontSize: '1.2em',
-          marginLeft: '0.5em', // TODO: switch all units for this component to em
-        }
+      h('span.account-name', {
+        style: {}
       }, [
         'Account 1'
       ]),
diff --git a/ui/app/components/wallet-view.js b/ui/app/components/wallet-view.js
index e0bc34b49..9b27f1cca 100644
--- a/ui/app/components/wallet-view.js
+++ b/ui/app/components/wallet-view.js
@@ -63,11 +63,8 @@ WalletView.prototype.render = function () {
         }),
       ]),
 
-      h('span', {
-        style: {
-          fontSize: '1.2em',
-          marginLeft: '0.6em', // TODO: switch all units for this component to em
-        }
+      h('span.account-name', {
+        style: {}
       }, [
         'Account 1'
       ]),
diff --git a/ui/app/css/itcss/components/hero-balance.scss b/ui/app/css/itcss/components/hero-balance.scss
index 61d7f7c92..fabba9ed8 100644
--- a/ui/app/css/itcss/components/hero-balance.scss
+++ b/ui/app/css/itcss/components/hero-balance.scss
@@ -26,7 +26,7 @@ $break-large: 576px;
 
       .token-amount {
         font-size: 175%;
-        margin-top: 15%;
+        margin-top: 12.5%;
       }
 
       .fiat-amount {
@@ -79,7 +79,7 @@ $break-large: 576px;
       border: 1px solid;
 
       @media screen and (max-width: $break-small) {
-        width: 22%;
+        width: 28%;
         height: 55%;
       }
 
diff --git a/ui/app/css/itcss/components/newui-sections.scss b/ui/app/css/itcss/components/newui-sections.scss
index 39cdc507a..761e74561 100644
--- a/ui/app/css/itcss/components/newui-sections.scss
+++ b/ui/app/css/itcss/components/newui-sections.scss
@@ -101,3 +101,9 @@
     border: 1px solid;
   }
 }
+
+// wallet view
+.account-name {
+  font-size: 102%;
+  margin-left: 3%;
+}