From 1e0e81ad2a9004bd6f34643c0dc2f9944db11c11 Mon Sep 17 00:00:00 2001
From: Gabriel Masclef <gabrielmasclef@hotmail.com>
Date: Tue, 12 Nov 2019 16:02:55 -0300
Subject: [PATCH] Styles for eth wallet name in token details

---
 src/pages/wallet-details/wallet-details.html |  8 ++++----
 src/pages/wallet-details/wallet-details.scss | 13 +++++++++++++
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/pages/wallet-details/wallet-details.html b/src/pages/wallet-details/wallet-details.html
index d10837a209b..1a179c32c56 100644
--- a/src/pages/wallet-details/wallet-details.html
+++ b/src/pages/wallet-details/wallet-details.html
@@ -94,13 +94,13 @@
           <img class="auditable-text" *ngIf="wallet.cachedStatus && wallet.cachedStatus.wallet && wallet.cachedStatus.wallet.singleAddress && isUtxoCoin()" src="assets/img/icon-text-auditable.svg">
           <img class="custom-bws" *ngIf="wallet.usingCustomBWS" src="assets/img/icon-bws-white.svg">
           <img class="encrypted" *ngIf="wallet.isPrivKeyEncrypted" src="assets/img/icon-lock-white.svg">
-          <span class="wallet-type" *ngIf="wallet.linkedEthWalletName">
-            <span translate>Linked to wallet: {{wallet.linkedEthWalletName}}</span>
+          <span class="token" *ngIf="wallet.linkedEthWalletName">
+            <span>{{'Linked to wallet: {linkedEthWalletName}' | translate : {linkedEthWalletName: wallet.linkedEthWalletName} }}</span>
           </span>
           <span class="wallet-type" *ngIf="wallet.credentials.n > 1">
             <span translate>{{wallet.m}}-of-{{wallet.n}}</span>
           </span>
-       </div>
+        </div>
 
         <button ion-button clear class="search-button" *ngIf="wallet && wallet.completeHistory && wallet.completeHistory.length > 4 && !shouldShowSpinner()" (click)="openSearchModal()">
           <img src="assets/img/search.svg">
@@ -274,4 +274,4 @@
       </div>
     </div>
   </div>
-</ion-content>
+</ion-content>
\ No newline at end of file
diff --git a/src/pages/wallet-details/wallet-details.scss b/src/pages/wallet-details/wallet-details.scss
index a87bf76dbdf..631103b3243 100644
--- a/src/pages/wallet-details/wallet-details.scss
+++ b/src/pages/wallet-details/wallet-details.scss
@@ -297,6 +297,19 @@ page-wallet-details {
       font-size: 11px;
     }
 
+    .token {
+      vertical-align: text-top;
+      span {
+        border: 1px solid #ffffff8f;
+        padding: 0 3px 0 3px;
+        border-radius: 3px;
+        font-weight: 600;
+        font-size: 11px;
+        letter-spacing: -0.2px;
+        white-space: nowrap;
+      }
+    }
+
     .left-buttons {
       flex-grow: 1;
       padding-left: 1.3rem;