From cf0f32388024351ae7cd1d3f3c14d9a9376cd991 Mon Sep 17 00:00:00 2001
From: Jamal Jackson <jamal@bitpay.com>
Date: Wed, 21 Sep 2016 13:13:39 -0400
Subject: [PATCH] fixed border on home tab

---
 public/views/tab-home.html   | 10 +++++-----
 src/sass/views/tab-home.scss | 31 ++++++++++++++++++++++++++++---
 2 files changed, 33 insertions(+), 8 deletions(-)

diff --git a/public/views/tab-home.html b/public/views/tab-home.html
index 41479f633..21645bc2d 100644
--- a/public/views/tab-home.html
+++ b/public/views/tab-home.html
@@ -43,7 +43,7 @@
         <ion-spinner icon="lines"></ion-spinner>
         <div translate>Updating activity. Please stand by</div>
       </span>
-      <a class="item" ng-repeat="x in notifications" ng-click="x.action()">
+      <a class="item activity" ng-repeat="x in notifications" ng-click="x.action()">
         <span ng-include="'views/includes/walletActivity.html'"></span>
       </a>
     </div>
@@ -119,28 +119,28 @@
       <div class="item item-heading" translate>
         Next steps
       </div>
-      <a ng-show="!wallets[0]" ui-sref="tabs.add" class="item item-icon-left item-big-icon-left item-icon-right next-step">
+      <a ng-if="!wallets[0]" ui-sref="tabs.add" class="item item-icon-left item-big-icon-left item-icon-right next-step">
        <i class="icon big-icon-svg">
          <div class="bg icon-create-wallet"></div>
        </i>
         <span translate>Create a bitcoin wallet</span>
         <i class="icon nav-item-arrow-right"></i>
       </a>
-      <a ui-sref="bitpayCard.main" ng-show="!externalServices.BitpayCard" class="item item-icon-left item-big-icon-left item-icon-right next-step">
+      <a ui-sref="bitpayCard.main" ng-if="!externalServices.BitpayCard" class="item item-icon-left item-big-icon-left item-icon-right next-step">
        <i class="icon big-icon-svg">
          <div class="bg icon-bitpay-card"></div>
        </i>
         <span translate>Add BitPay Card</span>
         <i class="icon nav-item-arrow-right"></i>
       </a>
-      <a ng-show="!externalServices.BuyAndSell" ui-sref="tabs.buyandsell" class="item item-icon-left item-big-icon-left item-icon-right next-step">
+      <a ng-if="!externalServices.BuyAndSell" ui-sref="tabs.buyandsell" class="item item-icon-left item-big-icon-left item-icon-right next-step">
        <i class="icon big-icon-svg">
          <div class="bg icon-buy-bitcoin"></div>
        </i>
         <span translate>Buy or Sell Bitcoin</span>
         <i class="icon nav-item-arrow-right"></i>
       </a>
-      <a ui-sref="tabs.giftcards.amazon" ng-show="!externalServices.AmazonGiftCards" class="item item-icon-left item-big-icon-left item-icon-right next-step">
+      <a ui-sref="tabs.giftcards.amazon" ng-if="!externalServices.AmazonGiftCards" class="item item-icon-left item-big-icon-left item-icon-right next-step">
         <i class="icon big-icon-svg">
           <div class="bg icon-gift"></div>
         </i>
diff --git a/src/sass/views/tab-home.scss b/src/sass/views/tab-home.scss
index e57d4c0b3..f75138075 100644
--- a/src/sass/views/tab-home.scss
+++ b/src/sass/views/tab-home.scss
@@ -11,9 +11,34 @@
   .icon-gift {
     background-image: url("../img/icon-gift.svg");
   }
-
-  a.item {
-    color: #444;
+  .card{
+    .item {
+      color: #444;
+      border-top:none;
+      padding-top: 1.5rem;
+      padding-bottom: 1.5rem;
+      &:before {
+        display: block;
+        position: absolute;
+        width: 86%;
+        height: 1px;
+        background: rgba(221, 221, 221, 0.3);
+        top:0;
+        right:0;
+        content:'';
+      }
+      &.item-heading{
+        &:before{
+          width:100%;
+          top:99%
+        }
+      }
+      &:nth-child(2){
+        &:before{
+          width:0;
+        }
+      }
+    }
   }
 
   .next-step {