Merge pull request #387 from MetaMask/ui-formatting

Ui formatting for account details

CHANGELOG.md

@@ -1,6 +1,7 @@
 # Changelog
 
 ## Current Master
+- Fix formatting of account details.
 
 ## 2.5.0 2016-06-29
 

ui/app/account-detail.js

@@ -56,7 +56,7 @@ AccountDetailScreen.prototype.render = function () {
         // header - identicon + nav
         h('div', {
           style: {
-            marginTop: '15px',
+            marginTop: '20px',
             display: 'flex',
             justifyContent: 'flex-start',
             alignItems: 'flex-start',
@@ -120,6 +120,8 @@ AccountDetailScreen.prototype.render = function () {
               h('.flex-row', {
                 style: {
                   justifyContent: 'flex-end',
+                  position: 'relative',
+                  bottom: '15px',
                 },
               }, [
                 h(CopyButton, {
@@ -150,6 +152,8 @@ AccountDetailScreen.prototype.render = function () {
 
             // account ballence
 
+          ]),
+        ]),
         h('.flex-row', {
           style: {
             justifyContent: 'space-between',
@@ -161,6 +165,7 @@ AccountDetailScreen.prototype.render = function () {
             value: account && account.balance,
             style: {
               lineHeight: '7px',
+              marginTop: '10px',
             },
           }),
 
@@ -173,9 +178,6 @@ AccountDetailScreen.prototype.render = function () {
           }, 'SEND'),
 
         ]),
-
-          ]),
-        ]),
       ]),
 
       // subview (tx history, pk export confirm)