From 26571f0f43841d74d14b480aa0a05c7ebfc21af0 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Mon, 2 Oct 2017 16:18:53 -0400
Subject: [PATCH] fixed datetime format and font size on transaction component

---
 app/package.json                                |  2 +-
 app/src/components/transaction/transaction.html | 14 +++++++-------
 app/src/components/transaction/transaction.scss |  6 ++++++
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/app/package.json b/app/package.json
index 00d8da9..b4cc2ae 100644
--- a/app/package.json
+++ b/app/package.json
@@ -41,7 +41,7 @@
     "@types/jasmine": "2.5.41",
     "@types/node": "7.0.4",
     "codecov": "2.2.0",
-    "ionic": "3.9.2",
+    "ionic": "3.12.0",
     "jasmine-core": "2.5.2",
     "jasmine-spec-reporter": "3.2.0",
     "karma": "1.4.1",
diff --git a/app/src/components/transaction/transaction.html b/app/src/components/transaction/transaction.html
index 724c379..5670b35 100644
--- a/app/src/components/transaction/transaction.html
+++ b/app/src/components/transaction/transaction.html
@@ -1,19 +1,19 @@
 <ion-grid>
   <ion-row>
-    <ion-col col-8>
+    <ion-col col-7>
       <div class="ellipsis">
         <ion-icon name="add-circle" [hidden]="expanded" (click)="toggleExpanded()"></ion-icon><ion-icon name="remove-circle" [hidden]="!expanded" (click)="toggleExpanded()"></ion-icon> <span><a (click)="goToTx(tx.txid)">{{ tx.txid }}</a></span>
       </div>
     </ion-col>
-    <ion-col col-4 text-right>
-      <div [hidden]="!tx.firstSeenTs">
+    <ion-col col-5 text-right>
+      <ion-note [hidden]="!tx.firstSeenTs">
         <span translate>first seen at</span>
         <time>{{tx.firstSeenTs * 1000 | date:'medium'}}</time>
-      </div>
-      <div [hidden]="!tx.blocktime && tx.firstSeenTs">
+      </ion-note>
+      <ion-note [hidden]="!tx.blocktime && tx.firstSeenTs">
         <span translate>mined</span>
-        <time>{{tx.time * 1000 | date:'medium'}}</time>
-      </div>
+        <time>{{tx.time * 1000 | date:'MMM d, y'}}</time> <time>{{tx.time * 1000 | date:'hh:mm:ss a'}}</time>
+      </ion-note>
     </ion-col>
   </ion-row>
 
diff --git a/app/src/components/transaction/transaction.scss b/app/src/components/transaction/transaction.scss
index af682a0..631a436 100644
--- a/app/src/components/transaction/transaction.scss
+++ b/app/src/components/transaction/transaction.scss
@@ -13,6 +13,12 @@ transaction {
       &.small {
         font-size: 1.1rem;
       }
+
+      ion-col {
+        ion-note {
+          font-size: 1.2rem;
+        }
+      }
     }
   }