From 7c10cda8a4f8423a95f4c64024b07572d76dc266 Mon Sep 17 00:00:00 2001
From: Chi Kei Chan <chikeichan@gmail.com>
Date: Wed, 25 Oct 2017 00:24:26 -0700
Subject: Fix alignment on right arrow of confirm tx screens

---
 ui/app/components/pending-tx/confirm-send-ether.js |  2 +-
 ui/app/components/pending-tx/confirm-send-token.js |  2 +-
 ui/app/css/itcss/components/account-menu.scss      |  1 +
 ui/app/css/itcss/components/confirm.scss           | 10 +++++++++-
 ui/app/css/itcss/components/header.scss            |  1 -
 5 files changed, 12 insertions(+), 4 deletions(-)

(limited to 'ui/app')

diff --git a/ui/app/components/pending-tx/confirm-send-ether.js b/ui/app/components/pending-tx/confirm-send-ether.js
index 64da630f6..2f178f179 100644
--- a/ui/app/components/pending-tx/confirm-send-ether.js
+++ b/ui/app/components/pending-tx/confirm-send-ether.js
@@ -194,7 +194,7 @@ ConfirmSendEther.prototype.render = function () {
   this.inputs = []
 
   return (
-    h('div.confirm-screen-container', {
+    h('div.confirm-screen-container.confirm-send-ether', {
       style: { minWidth: '355px' },
     }, [
       // Main Send token Card
diff --git a/ui/app/components/pending-tx/confirm-send-token.js b/ui/app/components/pending-tx/confirm-send-token.js
index cc4c5f5f4..abb7a0770 100644
--- a/ui/app/components/pending-tx/confirm-send-token.js
+++ b/ui/app/components/pending-tx/confirm-send-token.js
@@ -263,7 +263,7 @@ ConfirmSendToken.prototype.render = function () {
   this.inputs = []
 
   return (
-    h('div.confirm-screen-container', {
+    h('div.confirm-screen-container.confirm-send-token', {
       style: { minWidth: '355px' },
     }, [
       // Main Send token Card
diff --git a/ui/app/css/itcss/components/account-menu.scss b/ui/app/css/itcss/components/account-menu.scss
index 91884e658..e40e5a8c0 100644
--- a/ui/app/css/itcss/components/account-menu.scss
+++ b/ui/app/css/itcss/components/account-menu.scss
@@ -21,6 +21,7 @@
   }
 
   &__icon {
+    margin-left: 20px;
     cursor: pointer;
   }
 
diff --git a/ui/app/css/itcss/components/confirm.scss b/ui/app/css/itcss/components/confirm.scss
index 130b8cbfd..03da5acb6 100644
--- a/ui/app/css/itcss/components/confirm.scss
+++ b/ui/app/css/itcss/components/confirm.scss
@@ -75,7 +75,7 @@
   flex: 0 0 auto;
 
   @media screen and (max-width: $break-small) {
-    font-size: 22px;
+    font-size: 20px;
   }
 }
 
@@ -142,6 +142,14 @@
   height: 16px;
 }
 
+.confirm-send-ether,
+.confirm-send-token {
+  i.fa-arrow-right {
+    align-self: start;
+    margin: 24px 14px 0 !important;
+  }
+}
+
 .confirm-screen-identicons {
   margin-top: 24px;
   flex: 0 0 auto;
diff --git a/ui/app/css/itcss/components/header.scss b/ui/app/css/itcss/components/header.scss
index ef84dc3f4..f722e8bf5 100644
--- a/ui/app/css/itcss/components/header.scss
+++ b/ui/app/css/itcss/components/header.scss
@@ -75,7 +75,6 @@ h2.page-subtitle {
   display: flex;
   flex-direction: row;
   align-items: center;
-  margin-right: 20px;
 }
 
 .left-menu-wrapper {
-- 
cgit v1.2.3