From b8a13dda26c77b9cc21bde4d60a824d5b3ba6fee Mon Sep 17 00:00:00 2001
From: Andy Phillipson <andy@bitpay.com>
Date: Thu, 8 Jun 2017 12:59:51 -0400
Subject: [PATCH] Circles. No location.

---
 src/sass/views/bitpayCard.scss       | 32 +++++++++++++++++++++++++---
 www/views/includes/cardActivity.html |  8 ++++++-
 2 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/src/sass/views/bitpayCard.scss b/src/sass/views/bitpayCard.scss
index b897ee720..a602a2238 100644
--- a/src/sass/views/bitpayCard.scss
+++ b/src/sass/views/bitpayCard.scss
@@ -95,10 +95,36 @@
     }
   }
   .tx-icon {
-    width: 36px;
-    height: 36px;
-    float: left;
     margin-right: 25px;
+    .houston {
+      width: 40px;
+      height: 40px;
+      border-radius: 40px;
+      border: 1px solid;
+      &.no-border {
+        border: none;
+        .svg {
+          width: 40px;
+          height: 40px;
+          display: block;
+          margin: 0 auto;
+          position: relative;
+          top: 50%;
+          -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+        }
+      }
+      .svg {
+        width: 23px;
+        height: 23px;
+        display: block;
+        margin: 0 auto;
+        position: relative;
+        top: 50%;
+        -webkit-transform: translateY(-50%);
+        transform: translateY(-50%);
+      }
+    }
   }
   .tx-content {
     display: flex;
diff --git a/www/views/includes/cardActivity.html b/www/views/includes/cardActivity.html
index 0f0a43eca..d95d5e572 100644
--- a/www/views/includes/cardActivity.html
+++ b/www/views/includes/cardActivity.html
@@ -1,10 +1,16 @@
 <div class="item activity" ng-class="{'sent': tx.price.toString().indexOf('-') > -1 && !tx.pending, 'receive': tx.price.toString().indexOf('-') == -1 && !tx.pending, 'pending': tx.pending}">
-  <img class="tx-icon svg" ng-src="img/mcc-icons/{{tx.icon}}.svg">
+  <div class="tx-icon">
+    <div class="houston" ng-class="{'no-border': tx.icon.includes('topup')}">
+      <img class="svg" ng-src="img/mcc-icons/{{tx.icon}}.svg">
+    </div>
+  </div>
   <div class="tx-content">
     <div class="tx-title">
       <div class="ellipsis">
         <div class="tx-message ellipsis">{{tx.merchant.name || 'Unknown Merchant'}}</div>
+<!-- Removed to cleanup look and since intl card does not provide location.
         <div class="tx-location ellipsis" ng-show="tx.merchant.city && tx.merchant.state">{{tx.merchant.location}}</div>
+-->
         <div ng-show="tx.pending && tx.transactionId" class="size-12 tx-amount--pending">
           <div ng-click="bitpayCard.viewOnBlockchain(tx.transactionId)">View Confirmation Status</div>
         </div>