From 4f80ff5b0169e4d9d8c736350155404eae689ace Mon Sep 17 00:00:00 2001 From: Mark Stacey Date: Tue, 31 Mar 2020 10:31:32 -0300 Subject: [PATCH] Redesign 'Add Token' component (#8260) The 'Add Token' component has been redesigned to be more in-line with the new home screen design. The description instructing the user to click the 'Add Token' button has been removed, and the section itself has been made roughly the same size as one of the list item. The text now appears on just one line, overflowing to two if necessary. --- app/_locales/am/messages.json | 3 -- app/_locales/ar/messages.json | 3 -- app/_locales/bg/messages.json | 3 -- app/_locales/bn/messages.json | 3 -- app/_locales/ca/messages.json | 3 -- app/_locales/da/messages.json | 3 -- app/_locales/de/messages.json | 3 -- app/_locales/el/messages.json | 3 -- app/_locales/en/messages.json | 3 -- app/_locales/es/messages.json | 3 -- app/_locales/es_419/messages.json | 3 -- app/_locales/et/messages.json | 3 -- app/_locales/fa/messages.json | 3 -- app/_locales/fi/messages.json | 3 -- app/_locales/fil/messages.json | 3 -- app/_locales/fr/messages.json | 3 -- app/_locales/he/messages.json | 3 -- app/_locales/hi/messages.json | 3 -- app/_locales/hr/messages.json | 3 -- app/_locales/ht/messages.json | 3 -- app/_locales/hu/messages.json | 3 -- app/_locales/id/messages.json | 3 -- app/_locales/it/messages.json | 3 -- app/_locales/kn/messages.json | 3 -- app/_locales/ko/messages.json | 3 -- app/_locales/lt/messages.json | 3 -- app/_locales/lv/messages.json | 3 -- app/_locales/ms/messages.json | 3 -- app/_locales/no/messages.json | 3 -- app/_locales/pl/messages.json | 3 -- app/_locales/pt_BR/messages.json | 3 -- app/_locales/ro/messages.json | 3 -- app/_locales/ru/messages.json | 3 -- app/_locales/sk/messages.json | 3 -- app/_locales/sl/messages.json | 3 -- app/_locales/sr/messages.json | 3 -- app/_locales/sv/messages.json | 3 -- app/_locales/sw/messages.json | 3 -- app/_locales/uk/messages.json | 3 -- app/_locales/zh_CN/messages.json | 3 -- app/_locales/zh_TW/messages.json | 3 -- test/e2e/metamask-ui.spec.js | 4 +-- .../add-token-button.component.js | 7 ++-- .../app/add-token-button/index.scss | 33 +++++++++---------- 44 files changed, 21 insertions(+), 146 deletions(-) diff --git a/app/_locales/am/messages.json b/app/_locales/am/messages.json index 0f51683d7..27b0c7d29 100644 --- a/app/_locales/am/messages.json +++ b/app/_locales/am/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "የሰንሰለት መታወቂያ" }, - "clickToAdd": { - "message": "ወደ መለያዎት ለማከል $1ላይ ጠቅ ያድርጉ" - }, "clickToRevealSeed": { "message": "ሚስጥራዊ ቃላትን ለመግለጽ እዚህ ጠቅ ያድርጉ" }, diff --git a/app/_locales/ar/messages.json b/app/_locales/ar/messages.json index 0e7d4e8b6..8a98ddcc5 100644 --- a/app/_locales/ar/messages.json +++ b/app/_locales/ar/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "معرّف السلسلة" }, - "clickToAdd": { - "message": "انقر على $1لإضافتها إلى حسابك" - }, "clickToRevealSeed": { "message": "انقر هنا للكشف عن الكلمات السرية" }, diff --git a/app/_locales/bg/messages.json b/app/_locales/bg/messages.json index e233776fb..635602b6b 100644 --- a/app/_locales/bg/messages.json +++ b/app/_locales/bg/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "Идентификатор на веригата" }, - "clickToAdd": { - "message": "Кликнете върху $1, за да ги добавите към вашия акаунт" - }, "clickToRevealSeed": { "message": "Кликнете тук, за да разкриете тайните думи" }, diff --git a/app/_locales/bn/messages.json b/app/_locales/bn/messages.json index 1ec436c23..0e1efe7a8 100644 --- a/app/_locales/bn/messages.json +++ b/app/_locales/bn/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "চেন আইডি" }, - "clickToAdd": { - "message": "আপনার অ্যাকাউন্টে $1যোগ করতে সেগুলিতে ক্লিক করুন" - }, "clickToRevealSeed": { "message": "গোপন শব্দগুলি প্রকাশ করতে এখানে ক্লিক করুন" }, diff --git a/app/_locales/ca/messages.json b/app/_locales/ca/messages.json index 012ba29e6..2eeb1f4d7 100644 --- a/app/_locales/ca/messages.json +++ b/app/_locales/ca/messages.json @@ -197,9 +197,6 @@ "chainId": { "message": "Cadena ID" }, - "clickToAdd": { - "message": "Fes clic a $1 per afegir-los al teu compte" - }, "clickToRevealSeed": { "message": "Fes clic aquí per a revelar les paraules secretes" }, diff --git a/app/_locales/da/messages.json b/app/_locales/da/messages.json index 32a8a03a9..b764ec4a7 100644 --- a/app/_locales/da/messages.json +++ b/app/_locales/da/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "Kæde-ID" }, - "clickToAdd": { - "message": "Klik på $1 for at tilføje dem til din konto" - }, "clickToRevealSeed": { "message": "Klik her for at se hemmelige ord" }, diff --git a/app/_locales/de/messages.json b/app/_locales/de/messages.json index 9ac312d26..684437705 100644 --- a/app/_locales/de/messages.json +++ b/app/_locales/de/messages.json @@ -188,9 +188,6 @@ "cancelled": { "message": "Abgebrochen" }, - "clickToAdd": { - "message": "Klicken Sie auf $1, um sie zu Ihrem Konto hinzuzufügen" - }, "clickToRevealSeed": { "message": "Hier klicken, um Geheimwörter zu enthüllen" }, diff --git a/app/_locales/el/messages.json b/app/_locales/el/messages.json index a536bc57e..dc1d2f9e2 100644 --- a/app/_locales/el/messages.json +++ b/app/_locales/el/messages.json @@ -197,9 +197,6 @@ "chainId": { "message": "Αναγνωριστικό Αλυσίδας" }, - "clickToAdd": { - "message": "Κάντε κλικ στο $1 για να τα προσθέσετε στον λογαριασμό σας" - }, "clickToRevealSeed": { "message": "Κάντε κλικ εδώ για να αποκαλύψετε μυστικές λέξεις" }, diff --git a/app/_locales/en/messages.json b/app/_locales/en/messages.json index 9923dc0f0..295bdb13e 100644 --- a/app/_locales/en/messages.json +++ b/app/_locales/en/messages.json @@ -255,9 +255,6 @@ "chainId": { "message": "Chain ID" }, - "clickToAdd": { - "message": "Click on $1 to add them to your account" - }, "clickToRevealSeed": { "message": "Click here to reveal secret words" }, diff --git a/app/_locales/es/messages.json b/app/_locales/es/messages.json index 3a156804d..76fb59d87 100644 --- a/app/_locales/es/messages.json +++ b/app/_locales/es/messages.json @@ -160,9 +160,6 @@ "chainId": { "message": "ID Cadena" }, - "clickToAdd": { - "message": "Hazle clic en $1 para agregarles a su cuenta" - }, "clickToRevealSeed": { "message": "Haga clic aquí para revelar palabras secretas" }, diff --git a/app/_locales/es_419/messages.json b/app/_locales/es_419/messages.json index 2ccae4fa6..f46cc9b09 100644 --- a/app/_locales/es_419/messages.json +++ b/app/_locales/es_419/messages.json @@ -197,9 +197,6 @@ "chainId": { "message": "ID de cadena" }, - "clickToAdd": { - "message": "Haz clic en $1 para agregarlos a tu cuenta" - }, "clickToRevealSeed": { "message": "Haz clic aquí para mostrar las palabras secretas" }, diff --git a/app/_locales/et/messages.json b/app/_locales/et/messages.json index 2213aaf17..9d28d8302 100644 --- a/app/_locales/et/messages.json +++ b/app/_locales/et/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "Ahela ID" }, - "clickToAdd": { - "message": "Klõpsake valikul $1, et need oma kontole lisada" - }, "clickToRevealSeed": { "message": "Klõpsake salasõnade kuvamiseks" }, diff --git a/app/_locales/fa/messages.json b/app/_locales/fa/messages.json index 774c66527..0499b5074 100644 --- a/app/_locales/fa/messages.json +++ b/app/_locales/fa/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "آی دی زنجیره" }, - "clickToAdd": { - "message": "بالای 1$1 کلیک نموده و آنرا به حساب تان اضافه نمایید" - }, "clickToRevealSeed": { "message": "برای آشکار سازی کلمات مخفی اینجا کلیک نمایید" }, diff --git a/app/_locales/fi/messages.json b/app/_locales/fi/messages.json index 8bdbf85cd..a6b7ad59a 100644 --- a/app/_locales/fi/messages.json +++ b/app/_locales/fi/messages.json @@ -197,9 +197,6 @@ "chainId": { "message": "Ketjun tunnus" }, - "clickToAdd": { - "message": "Napsauta kohdetta $1 lisätäksesi ne tiliisi" - }, "clickToRevealSeed": { "message": "Paljasta salaiset sanat napsauttamalla tästä" }, diff --git a/app/_locales/fil/messages.json b/app/_locales/fil/messages.json index 5cc4b20e7..b9cd84232 100644 --- a/app/_locales/fil/messages.json +++ b/app/_locales/fil/messages.json @@ -176,9 +176,6 @@ "cancelled": { "message": "Nakansela" }, - "clickToAdd": { - "message": "Mag-click sa $1 para idagdag ang mga iyon sa iyong account" - }, "clickToRevealSeed": { "message": "Mag-click dito para ipakita ang iyong secret words" }, diff --git a/app/_locales/fr/messages.json b/app/_locales/fr/messages.json index 474dba122..c83646c2e 100644 --- a/app/_locales/fr/messages.json +++ b/app/_locales/fr/messages.json @@ -188,9 +188,6 @@ "chainId": { "message": "ID de chaîne" }, - "clickToAdd": { - "message": "Cliquez sur $1 pour les ajouter à votre compte" - }, "clickToRevealSeed": { "message": "Cliquez ici pour révéler des mots secrets" }, diff --git a/app/_locales/he/messages.json b/app/_locales/he/messages.json index a1a77b72f..7bc47ec1d 100644 --- a/app/_locales/he/messages.json +++ b/app/_locales/he/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "מזהה שרשרת" }, - "clickToAdd": { - "message": "לחצ/י על $1 כדי להוסיף אותם לחשבונך" - }, "clickToRevealSeed": { "message": "לחצ/י כאן לחשיפת מילים סודיות" }, diff --git a/app/_locales/hi/messages.json b/app/_locales/hi/messages.json index c3f11e338..98252fe51 100644 --- a/app/_locales/hi/messages.json +++ b/app/_locales/hi/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "चेन आई.डी." }, - "clickToAdd": { - "message": "उन्हें अपने खाते में जोड़ने के लिए $1 पर क्लिक करें" - }, "clickToRevealSeed": { "message": "सीक्रेट शब्दों को जानने के लिए यहाँ क्लिक करें" }, diff --git a/app/_locales/hr/messages.json b/app/_locales/hr/messages.json index dca42b95a..4ea6e5177 100644 --- a/app/_locales/hr/messages.json +++ b/app/_locales/hr/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "Identifikacijska oznaka bloka" }, - "clickToAdd": { - "message": "Kliknite na $1 kako biste ih dodali na svoj račun" - }, "clickToRevealSeed": { "message": "Ovdje kliknite za otkrivanje tajnih riječi" }, diff --git a/app/_locales/ht/messages.json b/app/_locales/ht/messages.json index d098dc04d..d322c62c3 100644 --- a/app/_locales/ht/messages.json +++ b/app/_locales/ht/messages.json @@ -94,9 +94,6 @@ "cancellationGasFee": { "message": "Anilasyon Gaz Chaj" }, - "clickToAdd": { - "message": "Klike sou $ 1 pou ajoute yo nan kont ou" - }, "close": { "message": "Fèmen" }, diff --git a/app/_locales/hu/messages.json b/app/_locales/hu/messages.json index 8c93b99f4..69026fbbe 100644 --- a/app/_locales/hu/messages.json +++ b/app/_locales/hu/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "Lánc azonosítója" }, - "clickToAdd": { - "message": "Kattintson $1-re, hogy hozzáadja a fiókjához" - }, "clickToRevealSeed": { "message": "Kattintson ide a titkos szavak megjelenítéséhez" }, diff --git a/app/_locales/id/messages.json b/app/_locales/id/messages.json index 18d41394a..7b161be24 100644 --- a/app/_locales/id/messages.json +++ b/app/_locales/id/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "ID Rantai" }, - "clickToAdd": { - "message": "Klik $1 untuk menambahkannya ke akun Anda" - }, "clickToRevealSeed": { "message": "Klik di sini untuk mengungkapkan kata-kata rahasia" }, diff --git a/app/_locales/it/messages.json b/app/_locales/it/messages.json index c2b22773f..d89e2cd50 100644 --- a/app/_locales/it/messages.json +++ b/app/_locales/it/messages.json @@ -255,9 +255,6 @@ "chainId": { "message": "Blockchain ID" }, - "clickToAdd": { - "message": "Clicca su $1 per aggiungerli al tuo account" - }, "clickToRevealSeed": { "message": "Clicca qui per rivelare la tua frase segreta" }, diff --git a/app/_locales/kn/messages.json b/app/_locales/kn/messages.json index 183e48e36..56dc09d38 100644 --- a/app/_locales/kn/messages.json +++ b/app/_locales/kn/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "ಚೈನ್ ID" }, - "clickToAdd": { - "message": "ನಿಮ್ಮ ಖಾತೆಗೆ ಅವರನ್ನು ಸೇರಿಸಲು $1ನಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ " - }, "clickToRevealSeed": { "message": "ರಹಸ್ಯ ಪದಗಳನ್ನು ಬಹಿರಂಗಪಡಿಸಲು ಇಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ" }, diff --git a/app/_locales/ko/messages.json b/app/_locales/ko/messages.json index 7ec058940..4d5491ded 100644 --- a/app/_locales/ko/messages.json +++ b/app/_locales/ko/messages.json @@ -197,9 +197,6 @@ "chainId": { "message": "체인 ID" }, - "clickToAdd": { - "message": "계정에 토큰을 추가하기 위해 $1를 클릭하세요." - }, "clickToRevealSeed": { "message": "비밀 단어를 보기 위해 여기를 클릭하세요." }, diff --git a/app/_locales/lt/messages.json b/app/_locales/lt/messages.json index ff023cdc0..a23a9efcd 100644 --- a/app/_locales/lt/messages.json +++ b/app/_locales/lt/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "Grandinės ID" }, - "clickToAdd": { - "message": "Spustelėkite $1, kad juos pridėtumėte prie paskyros" - }, "clickToRevealSeed": { "message": "Spustelėkite čia, kad atidengtumėte slaptus žodžius" }, diff --git a/app/_locales/lv/messages.json b/app/_locales/lv/messages.json index f3ba3a0c2..a6dac202e 100644 --- a/app/_locales/lv/messages.json +++ b/app/_locales/lv/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "Ķēdes ID" }, - "clickToAdd": { - "message": "Noklikšķiniet uz $1, lai pievienotu tos savam kontam" - }, "clickToRevealSeed": { "message": "Klikšķiniet šeit, lai skatītu slepenos vārdus" }, diff --git a/app/_locales/ms/messages.json b/app/_locales/ms/messages.json index 098355d47..0bc23a5fd 100644 --- a/app/_locales/ms/messages.json +++ b/app/_locales/ms/messages.json @@ -197,9 +197,6 @@ "chainId": { "message": "ID Rantaian" }, - "clickToAdd": { - "message": "Klik pada $1 untuk menambahnya ke dalam akaun anda" - }, "clickToRevealSeed": { "message": "Klik di sini untuk mendedahkan perkataan rahsia" }, diff --git a/app/_locales/no/messages.json b/app/_locales/no/messages.json index 3dbf64042..5f598a72b 100644 --- a/app/_locales/no/messages.json +++ b/app/_locales/no/messages.json @@ -197,9 +197,6 @@ "chainId": { "message": "Blokkjede " }, - "clickToAdd": { - "message": "Klikk på $1 for a legge dem til kontoen din " - }, "clickToRevealSeed": { "message": "Klikk her for å vise hemmelige ord " }, diff --git a/app/_locales/pl/messages.json b/app/_locales/pl/messages.json index 0961862d8..8d4095ee6 100644 --- a/app/_locales/pl/messages.json +++ b/app/_locales/pl/messages.json @@ -197,9 +197,6 @@ "chainId": { "message": "Identyfikator łańcucha" }, - "clickToAdd": { - "message": "Przycisnij $1, aby dodać go do swojego konta" - }, "clickToRevealSeed": { "message": "Kliknij tutaj, aby odkryć tajne słowa" }, diff --git a/app/_locales/pt_BR/messages.json b/app/_locales/pt_BR/messages.json index 702be92b4..eef7b332b 100644 --- a/app/_locales/pt_BR/messages.json +++ b/app/_locales/pt_BR/messages.json @@ -194,9 +194,6 @@ "chainId": { "message": "ID da Cadeia" }, - "clickToAdd": { - "message": "Clique em $1 para adicioná-los à sua conta" - }, "clickToRevealSeed": { "message": "Clique aqui para revelar as palavras secretas" }, diff --git a/app/_locales/ro/messages.json b/app/_locales/ro/messages.json index e327ead4a..03e96e936 100644 --- a/app/_locales/ro/messages.json +++ b/app/_locales/ro/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "ID lanț" }, - "clickToAdd": { - "message": "Faceți clic pe $1 pentru a-i adăuga contului dvs." - }, "clickToRevealSeed": { "message": "Faceți clic aici pentru a arăta cuvintele secrete" }, diff --git a/app/_locales/ru/messages.json b/app/_locales/ru/messages.json index ec91b788e..5dd78fd99 100644 --- a/app/_locales/ru/messages.json +++ b/app/_locales/ru/messages.json @@ -656,9 +656,6 @@ "chainId": { "message": "ID сети" }, - "clickToAdd": { - "message": "Нажмите на $1, для добавления в свой аккаунт" - }, "clickToRevealSeed": { "message": "Нажмите здесь, чтобы показать секретную фразу (сид)" }, diff --git a/app/_locales/sk/messages.json b/app/_locales/sk/messages.json index 0b1410316..c9ad8ef45 100644 --- a/app/_locales/sk/messages.json +++ b/app/_locales/sk/messages.json @@ -191,9 +191,6 @@ "chainId": { "message": "ID reťazca" }, - "clickToAdd": { - "message": "Kliknutím na $1 ich pridáte do svojho účtu" - }, "clickToRevealSeed": { "message": "Kliknutím sem odkryjete tajné slová" }, diff --git a/app/_locales/sl/messages.json b/app/_locales/sl/messages.json index ef56186c1..0f0689b68 100644 --- a/app/_locales/sl/messages.json +++ b/app/_locales/sl/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "ID verige" }, - "clickToAdd": { - "message": "Kliknite na $1 za dodajo v vaš račun" - }, "clickToRevealSeed": { "message": "Kliknite tukaj, če želite razkriti skrivne besede" }, diff --git a/app/_locales/sr/messages.json b/app/_locales/sr/messages.json index 8d158fda0..3ab5f6c4c 100644 --- a/app/_locales/sr/messages.json +++ b/app/_locales/sr/messages.json @@ -197,9 +197,6 @@ "cancelled": { "message": "Otkazano" }, - "clickToAdd": { - "message": "Kliknite na $1 kako biste ih dodali na svoj nalog" - }, "clickToRevealSeed": { "message": "Kliknite ovde kako biste otkrili tajne reči" }, diff --git a/app/_locales/sv/messages.json b/app/_locales/sv/messages.json index 7bed885aa..1bd58598a 100644 --- a/app/_locales/sv/messages.json +++ b/app/_locales/sv/messages.json @@ -194,9 +194,6 @@ "cancelled": { "message": "Avbruten" }, - "clickToAdd": { - "message": "Tryck på $1 för att lägga till dem på ditt konto." - }, "clickToRevealSeed": { "message": "Klicka här för att visa hemliga ord" }, diff --git a/app/_locales/sw/messages.json b/app/_locales/sw/messages.json index 25a8ea9e4..f831ab9ef 100644 --- a/app/_locales/sw/messages.json +++ b/app/_locales/sw/messages.json @@ -194,9 +194,6 @@ "chainId": { "message": "Utambulisho wa Mnyororo" }, - "clickToAdd": { - "message": "Bofya kwenye $1 ili kuongeza kwenye akaunti yako" - }, "clickToRevealSeed": { "message": "Bofya hapa ili uonyeshe maneno ya siri" }, diff --git a/app/_locales/uk/messages.json b/app/_locales/uk/messages.json index 650b479e7..e6034d481 100644 --- a/app/_locales/uk/messages.json +++ b/app/_locales/uk/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "ID мережі" }, - "clickToAdd": { - "message": "Клацніть на $1, щоб додати їх до вашого облікового запису" - }, "clickToRevealSeed": { "message": "Клацніть тут, щоб відкрити секретні слова" }, diff --git a/app/_locales/zh_CN/messages.json b/app/_locales/zh_CN/messages.json index f91b62b5e..22e490303 100644 --- a/app/_locales/zh_CN/messages.json +++ b/app/_locales/zh_CN/messages.json @@ -200,9 +200,6 @@ "chainId": { "message": "链 ID" }, - "clickToAdd": { - "message": "点击 $1 将其加入您的个人账户" - }, "clickToRevealSeed": { "message": "点击此处显示密语" }, diff --git a/app/_locales/zh_TW/messages.json b/app/_locales/zh_TW/messages.json index e51354570..33e3bbc2b 100644 --- a/app/_locales/zh_TW/messages.json +++ b/app/_locales/zh_TW/messages.json @@ -197,9 +197,6 @@ "chainId": { "message": "鏈 ID" }, - "clickToAdd": { - "message": "點選下方 $1 新增資訊" - }, "clickToRevealSeed": { "message": "點選顯示助憶詞" }, diff --git a/test/e2e/metamask-ui.spec.js b/test/e2e/metamask-ui.spec.js index 43700a256..324d43d29 100644 --- a/test/e2e/metamask-ui.spec.js +++ b/test/e2e/metamask-ui.spec.js @@ -808,7 +808,7 @@ describe('MetaMask', function () { }) it('clicks on the Add Token button', async function () { - await driver.clickElement(By.xpath(`//div[contains(text(), 'Add Token')]`)) + await driver.clickElement(By.xpath(`//button[contains(text(), 'Add Token')]`)) await driver.delay(regularDelayMs) }) @@ -1239,7 +1239,7 @@ describe('MetaMask', function () { describe('Add existing token using search', function () { it('clicks on the Add Token button', async function () { - await driver.clickElement(By.xpath(`//div[contains(text(), 'Add Token')]`)) + await driver.clickElement(By.xpath(`//button[contains(text(), 'Add Token')]`)) await driver.delay(regularDelayMs) }) diff --git a/ui/app/components/app/add-token-button/add-token-button.component.js b/ui/app/components/app/add-token-button/add-token-button.component.js index 7a8e75304..373c6b116 100644 --- a/ui/app/components/app/add-token-button/add-token-button.component.js +++ b/ui/app/components/app/add-token-button/add-token-button.component.js @@ -20,14 +20,13 @@ export default class AddTokenButton extends PureComponent { return (
-

{t('missingYourTokens')}

-

{t('clickToAdd', [t('addToken')])}

-
{t('missingYourTokens')} +
+
) } diff --git a/ui/app/components/app/add-token-button/index.scss b/ui/app/components/app/add-token-button/index.scss index c4350a2d3..9f13d9f9e 100644 --- a/ui/app/components/app/add-token-button/index.scss +++ b/ui/app/components/app/add-token-button/index.scss @@ -1,23 +1,22 @@ .add-token-button { - display: flex; - flex-direction: column; - color: lighten($scorpion, 25%); - width: 185px; - margin: 36px auto; + width: 100%; + height: 90px; + padding: 20px; text-align: center; - - &__help-header { - font-weight: bold; - font-size: 1rem; - } - - &__help-desc { - font-size: 0.75rem; - margin-top: 1rem; - } + font-size: 1rem; &__button { - @extend %small-link; - margin: 1rem; + background-color: transparent; + color: $Blue-500; + display: inline-block; + font-size: 1rem; + + &:hover { + color: $Blue-400; + } + + &:active { + color: $Blue-600; + } } }