Refactor account name css - mobile views

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'
       ]),

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'
       ]),

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%;
       }
 

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%;
+}