From 44792f1fdf2280bd4e19c8658165a428deb286a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gabriel=20Baz=C3=A1n?= <gabrielbazan7@hotmail.com>
Date: Thu, 15 Feb 2018 15:17:32 -0300
Subject: [PATCH] [V4] REF: remove cards from duplicate bitcoin cash view

---
 .../settings/bitcoin-cash/bitcoin-cash.html   | 66 ++++++++++---------
 1 file changed, 35 insertions(+), 31 deletions(-)

diff --git a/src/pages/settings/bitcoin-cash/bitcoin-cash.html b/src/pages/settings/bitcoin-cash/bitcoin-cash.html
index f5e012491..922216562 100644
--- a/src/pages/settings/bitcoin-cash/bitcoin-cash.html
+++ b/src/pages/settings/bitcoin-cash/bitcoin-cash.html
@@ -9,43 +9,47 @@
     <span translate>No wallets eligible for Bitcoin Cash support</span>
   </div>
 
-  <ion-card *ngIf="availableWallets[0]">
-    <ion-card-header>
+  <div *ngIf="availableWallets[0]">
+    <ion-item-divider>
       {{'BTC wallets' | translate}}
-    </ion-card-header>
+    </ion-item-divider>
 
-    <ion-item *ngFor="let wallet of availableWallets">
-      <ion-icon item-start>
-        <img [ngStyle]="{'background-color': wallet.color}" src="assets/img/icon-wallet.svg" class="icon-wallet" />
-      </ion-icon>
-      <h2>{{wallet.credentials.walletName}}</h2>
-      <p>
-        {{wallet.status && wallet.status.totalBalanceStr ? wallet.status.totalBalanceStr : wallet.cachedBalance}}
-      </p>
-      <ion-note item-end>
-        <button ion-button (click)="duplicate(wallet)" translate>Duplicate</button>
-      </ion-note>
-    </ion-item>
-  </ion-card>
+    <ion-list>
+      <ion-item *ngFor="let wallet of availableWallets">
+        <ion-icon item-start>
+          <img [ngStyle]="{'background-color': wallet.color}" src="assets/img/icon-wallet.svg" class="icon-wallet" />
+        </ion-icon>
+        <h2>{{wallet.credentials.walletName}}</h2>
+        <p>
+          {{wallet.status && wallet.status.totalBalanceStr ? wallet.status.totalBalanceStr : wallet.cachedBalance}}
+        </p>
+        <ion-note item-end>
+          <button ion-button (click)="duplicate(wallet)" translate>Duplicate</button>
+        </ion-note>
+      </ion-item>
+    </ion-list>
+  </div>
 
-  <ion-card *ngIf="nonEligibleWallets[0]">
-    <ion-card-header>
+  <div *ngIf="nonEligibleWallets[0]">
+    <ion-item-divider>
       <span translate>Non eligible BTC wallets</span>
-    </ion-card-header>
+    </ion-item-divider>
 
-    <ion-item *ngFor="let wallet of nonEligibleWallets">
-      <ion-icon item-start>
-        <img [ngStyle]="{'background-color': 'gray'}" src="assets/img/icon-wallet.svg" class="icon-wallet" />
-      </ion-icon>
-      <h2>{{wallet.credentials.walletName}}</h2>
-      <p class="text-disabled">{{wallet.excludeReason}}</p>
-    </ion-item>
+    <ion-list>
+      <ion-item *ngFor="let wallet of nonEligibleWallets">
+        <ion-icon item-start>
+          <img [ngStyle]="{'background-color': 'gray'}" src="assets/img/icon-wallet.svg" class="icon-wallet" />
+        </ion-icon>
+        <h2>{{wallet.credentials.walletName}}</h2>
+        <p class="text-disabled">{{wallet.excludeReason}}</p>
+      </ion-item>
+    </ion-list>
 
-    <div padding>
+    <ion-item-divider text-wrap>
       <span translate>Some of your wallets are not eligible for Bitcoin Cash support. You can try to access BCH funds from these wallets
         using the
       </span>
-      <a (click)="openRecoveryToolLink()" translate>recovery tool.</a>
-    </div>
-  </ion-card>
-</ion-content>
+      <a class="pointer" (click)="openRecoveryToolLink()" translate>recovery tool.</a>
+    </ion-item-divider>
+  </div>
+</ion-content>
\ No newline at end of file