Makes only the icon clickable to remove a card.

This commit is contained in:
Andy Phillipson 2016-11-18 10:22:41 -05:00
commit b146f27d1f
2 changed files with 9 additions and 2 deletions

View file

@ -11,5 +11,12 @@
color: $light-gray;
font-size: 14px;
}
&.item-icon-right {
.icon-hotspot {
right: 0px;
padding-left: 11px;
padding-right: 11px;
}
}
}
}

View file

@ -10,14 +10,14 @@
<div class="item item-divider" translate>
Cards
</div>
<div class="item item-icon-right" ng-click="remove(card)" ng-repeat="card in bitpayCards">
<div class="item item-icon-right" ng-repeat="card in bitpayCards">
<span class="item-title">
xxxx-xxxx-xxxx-{{card.lastFourDigits}}
</span>
<span class="item-subtitle">
{{card.email}}
</span>
<i class="icon ion-trash-b assertive"></i>
<i class="icon ion-trash-b icon-hotspot assertive" ng-click="remove(card)"></i>
</div>
</div>
</ion-content>