Fixed layout, relative time. Standardize on use of timeService.

src/js/controllers/bitpayCard.js

@@ -163,7 +163,7 @@ angular.module('copayApp.controllers').controller('bitpayCardController', functi
     runningBalance -= parseFloat(tx.amount);
   };
 
-  this.withinPastDay = function(tx) {
+  $scope.createdWithinPastDay = function(tx) {
     var result = false;
     if (tx.timestamp) {
       result = timeService.withinPastDay(tx.timestamp);

src/js/controllers/proposals.js

@@ -1,7 +1,7 @@
 'use strict';
 
 angular.module('copayApp.controllers').controller('proposalsController',
-  function($timeout, $scope, profileService, $log, txpModalService, addressbookService) {
+  function($timeout, $scope, profileService, $log, txpModalService, addressbookService, timeService) {
 
     $scope.fetchingProposals = true;
 
@@ -27,8 +27,6 @@ angular.module('copayApp.controllers').controller('proposalsController',
     $scope.openTxpModal = txpModalService.open;
 
     $scope.createdWithinPastDay = function(time) {
-      var now = new Date();
-      var date = new Date(time * 1000);
-      return (now.getTime() - date.getTime()) < (1000 * 60 * 60 * 24);
+      return timeService.withinPastDay(time);
     };
   });

src/js/controllers/tab-home.js

@@ -131,9 +131,7 @@ angular.module('copayApp.controllers').controller('tabHomeController',
     });
 
     $scope.createdWithinPastDay = function(time) {
-      var now = new Date();
-      var date = new Date(time * 1000);
-      return (now.getTime() - date.getTime()) < (1000 * 60 * 60 * 24);
+      return timeService.withinPastDay(time);
     };
 
     $scope.openExternalLink = function() {

src/js/controllers/walletDetails.js

@@ -201,7 +201,7 @@ angular.module('copayApp.controllers').controller('walletDetailsController', fun
   };
 
   $scope.createdDuringSameMonth = function(curTx, prevTx) {
-    return timeService.withinSameMonth(curTx.time, prevTx.time);
+    return timeService.withinSameMonth(curTx.time * 1000, prevTx.time * 1000);
   };
 
   $scope.createdWithinPastDay = function(time) {

src/js/services/timeService.js

@@ -5,20 +5,20 @@ angular.module('copayApp.services').factory('timeService', function() {
 
   root.withinSameMonth = function(time1, time2) {
     if (!time1 || !time2) return false;
-    var date1 = new Date(time1 * 1000);
-    var date2 = new Date(time2 * 1000);
-    return getMonthYear(date1) === getMonthYear(date2);
+    var date1 = new Date(time1);
+    var date2 = new Date(time2);
+    return root.getMonthYear(date1) === root.getMonthYear(date2);
   }
 
   root.withinPastDay = function(time) {
     var now = new Date();
-    var date = new Date(time * 1000);
+    var date = new Date(time);
     return (now.getTime() - date.getTime()) < (1000 * 60 * 60 * 24);
   };
 
   root.isDateInCurrentMonth = function(date) {
     var now = new Date();
-    return getMonthYear(now) === getMonthYear(date);
+    return root.getMonthYear(now) === root.getMonthYear(date);
   };
 
   root.getMonthYear = function(date) {

src/sass/views/bitpayCard.scss

@@ -70,23 +70,33 @@
     }
   }
   .item {
-    display: flex;
-    align-items: center;
-    background: #fff;
-    padding: 0 0 0 1rem;
-    margin: 0;
-    border: 0;
+    border-color: $item-border-color;
+    &.activity-header {
+      z-index: 3;
+      border: 0;
+      border-bottom: 1px solid #EFEFEF;
+    }
+    &.activity {
+      display: flex;
+      align-items: center;
+      background: #fff;
+      padding: 0 0 0 1rem;
+      margin: 0;
+      border: 0;
 
-    &.send .svg #-Transaction-icons {
-    }
-    &.receive .svg #-Transaction-icons {
-      stroke: #09C286;
-    }
-    &.pending .svg #-Transaction-icons {
-      stroke: $v-bitcoin-orange;
+      &.send .svg #-Transaction-icons {
+      }
+      &.receive .svg #-Transaction-icons {
+        stroke: #09C286;
+      }
+      &.pending .svg #-Transaction-icons {
+        stroke: $v-bitcoin-orange;
+      }
     }
   }
   .tx-icon {
+    width: 36px;
+    height: 36px;
     float: left;
     margin-right: 25px;
   }

www/views/bitpayCard.html

@@ -64,7 +64,7 @@
       <a ng-click="bitpayCard.openExternalLink('https://help.bitpay.com/bitpay-card/why-was-i-overcharged-on-my-bitpay-card-account-why-is-there-a-hold-on-my-account')" translate>Learn More</a>
     </div>
     <div class="list" ng-show="!bitpayCard.getStarted">
-      <label class="item item-input item-select">
+      <label class="item item-input item-select activity-header">
         <div class="input-label" translate>
           Activity
         </div>

www/views/includes/cardActivity.html

@@ -1,5 +1,5 @@
-<div class="item" 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" width="40">
+<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-content">
     <div class="tx-title">
       <div class="ellipsis">

www/views/includes/txp.html

@@ -28,8 +28,8 @@
       </span>
     </span>
     <div>
-      <time class="wallet-details__tx-time" ng-if="tx.createdOn && createdWithinPastDay(tx.createdOn)">{{tx.createdOn * 1000 | amTimeAgo}}</time>
-      <time class="wallet-details__tx-time" ng-if="tx.createdOn && !createdWithinPastDay(tx.createdOn)">{{tx.createdOn * 1000 | date:'MMMM d, y'}}</time>
+      <time class="wallet-details__tx-time" ng-if="tx.createdOn && createdWithinPastDay(tx.createdOn * 1000)">{{tx.createdOn * 1000 | amTimeAgo}}</time>
+      <time class="wallet-details__tx-time" ng-if="tx.createdOn && !createdWithinPastDay(tx.createdOn * 1000)">{{tx.createdOn * 1000 | date:'MMMM d, y'}}</time>
     </div>
   </span>
 </div>

www/views/includes/walletHistory.html

@@ -64,8 +64,8 @@
         </span>
       </span>
       <div>
-        <time class="wallet-details__tx-time" ng-if="btx.time && createdWithinPastDay(btx.time)">{{btx.time * 1000 | amTimeAgo}}</time>
-        <time class="wallet-details__tx-time" ng-if="btx.time && !createdWithinPastDay(btx.time)">
+        <time class="wallet-details__tx-time" ng-if="btx.time && createdWithinPastDay(btx.time * 1000)">{{btx.time * 1000 | amTimeAgo}}</time>
+        <time class="wallet-details__tx-time" ng-if="btx.time && !createdWithinPastDay(btx.time * 1000)">
           {{btx.time * 1000 | amDateFormat:'MMM D, YYYY'}}
         </time>
       </div>