From b2e440e4ffba6db29cf8a928a41534c1f204d485 Mon Sep 17 00:00:00 2001
From: Chi Kei Chan <chikeichan@gmail.com>
Date: Wed, 25 Oct 2017 18:47:28 -0700
Subject: Add Token styling fix

---
 ui/app/add-token.js                        |  6 +++---
 ui/app/css/itcss/components/add-token.scss | 28 ++++++++++++++++++++++++++--
 2 files changed, 29 insertions(+), 5 deletions(-)

(limited to 'ui/app')

diff --git a/ui/app/add-token.js b/ui/app/add-token.js
index 148a8c622..518701a1d 100644
--- a/ui/app/add-token.js
+++ b/ui/app/add-token.js
@@ -255,9 +255,9 @@ AddTokenScreen.prototype.renderTokenList = function () {
             h('div.add-token__token-symbol', symbol),
             h('div.add-token__token-name', name),
           ]),
-          tokenAlreadyAdded && (
-            h('div.add-token__token-message', 'Already added')
-          ),
+          // tokenAlreadyAdded && (
+          //   h('div.add-token__token-message', 'Already added')
+          // ),
         ])
       )
     })
diff --git a/ui/app/css/itcss/components/add-token.scss b/ui/app/css/itcss/components/add-token.scss
index d2532eecc..5f6d0fcff 100644
--- a/ui/app/css/itcss/components/add-token.scss
+++ b/ui/app/css/itcss/components/add-token.scss
@@ -265,6 +265,11 @@
 
   &__confirmation-title {
     padding: 30px 120px 12px;
+
+    @media screen and (max-width: $break-small) {
+      padding: 20px 0;
+      width: 100%;
+    }
   }
 
   &__confirmation-content {
@@ -274,7 +279,7 @@
   &__confirmation-token-list-item {
     display: flex;
     flex-flow: row nowrap;
-    padding: 0 120px;
+    margin: 0 auto;
     align-items: center;
   }
 
@@ -289,10 +294,14 @@
   @media screen and (max-width: $break-small) {
     top: 0;
     width: 100%;
-    overflow-y: auto;
+    overflow: hidden;
+    height: 100%;
 
     &__wrapper {
       box-shadow: none !important;
+      flex: 1 1 auto;
+      width: 100%;
+      overflow-y: auto;
     }
 
     &__footers {
@@ -313,5 +322,20 @@
       font-size: 12px;
       line-height: 16px;
     }
+
+    &__buttons {
+      flex-flow: row nowrap;
+      width: 100%;
+      align-items: center;
+      justify-content: center;
+      padding: 12px 0;
+      margin: 0;
+      border-top: 1px solid $gallery;
+
+      button {
+        flex: 1 0 auto;
+        margin: 0 12px;
+      }
+    }
   }
 }
-- 
cgit