fixed datetime format and font size on transaction component

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",

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>
 

app/src/components/transaction/transaction.scss

@@ -13,6 +13,12 @@ transaction {
       &.small {
         font-size: 1.1rem;
       }
+
+      ion-col {
+        ion-note {
+          font-size: 1.2rem;
+        }
+      }
     }
   }