From 585775e88b4868ba43d13b8c8694613dfec9c0cc Mon Sep 17 00:00:00 2001
From: Brendon Duncan <brendon@bitcoin.com>
Date: Sun, 17 Jun 2018 17:56:50 +1200
Subject: [PATCH] Subtitles for coins on home screen.

---
 src/sass/views/tab-home.scss |  3 +++
 src/sass/views/tabs.scss     |  7 ++++++-
 www/views/tab-home.html      | 14 +++++++-------
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/sass/views/tab-home.scss b/src/sass/views/tab-home.scss
index 46fb15224..cac1e688d 100644
--- a/src/sass/views/tab-home.scss
+++ b/src/sass/views/tab-home.scss
@@ -37,6 +37,9 @@
         padding-top: 1.5rem;
         padding-bottom: 1.5rem;
       }
+      &.compact-subtitle {
+        padding-bottom: 0;
+      }
     }
     .item-sub {
       &:first-child:before {
diff --git a/src/sass/views/tabs.scss b/src/sass/views/tabs.scss
index b9a1cd724..b3c1a8dfb 100644
--- a/src/sass/views/tabs.scss
+++ b/src/sass/views/tabs.scss
@@ -43,6 +43,11 @@
       .icon {
         color: $v-mid-gray;
       }
+      .subtitle {
+        color: $v-mid-gray;
+        font-size: $font-size-small;
+        font-weight: 300;
+      }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/www/views/tab-home.html b/www/views/tab-home.html
index f26c5292d..35f67c82d 100644
--- a/www/views/tab-home.html
+++ b/www/views/tab-home.html
@@ -46,7 +46,7 @@
     </div>
 
     <div class="list card" ng-if="notifications[0] && recentTransactionsEnabled">
-      <a class="item item-icon-right item-heading" ui-sref="tabs.activity">
+      <a class="item item-icon-right item-heading" ui-sref="tabs.activity"></a>
         <span translate>Recent Transactions</span>
         <i class="icon bp-arrow-right"></i>
       </a>
@@ -56,9 +56,9 @@
     </div>
 
     <div class="list card">
-      <div class="item item-icon-right item-heading">
-        <img class="wallet-coin-logo" src="img/bitcoin-cash-logo.svg" width="22">
-        <span translate>Bitcoin Cash (BCH)</span>
+      <div class="item item-icon-right item-heading compact-subtitle">
+        <div translate>Bitcoin Cash (BCH)</div>
+        <div translate class="subtitle">Instant transactions with low fees</div>
         <a ui-sref="tabs.add({coin:'bch'})"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
       </div>
       <div>
@@ -71,9 +71,9 @@
     </div>
 
     <div class="list card">
-      <div class="item item-icon-right item-heading">
-        <img class="wallet-coin-logo" src="img/icon-bitcoin.svg" width="18">
-        <span translate>Bitcoin Core (BTC)</span>
+      <div class="item item-icon-right item-heading compact-subtitle">
+        <div translate>Bitcoin Core (BTC)</div>
+        <div translate class="subtitle">Slow transactions with high fees</div>
         <a ui-sref="tabs.add"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
       </div>
       <div>