From 1fc35956cb3e7ec22356f05410d8286879313175 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Thu, 10 Aug 2017 16:12:06 -0400
Subject: [PATCH] style the summary items and labels

---
 app/src/app/app.scss                            | 10 ++++++++++
 app/src/components/transaction/transaction.html |  6 +++---
 app/src/pages/address/address.html              |  2 +-
 app/src/pages/block-detail/block-detail.html    |  4 ++--
 app/src/pages/transaction/transaction.html      |  2 +-
 5 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/app/src/app/app.scss b/app/src/app/app.scss
index 553250e..6e2f3a9 100644
--- a/app/src/app/app.scss
+++ b/app/src/app/app.scss
@@ -15,6 +15,16 @@
   white-space: nowrap;
 }
 
+.summary ion-label {
+  color: #333;
+  font-weight: bold;
+}
+
+.summary ion-item {
+  color: #999;
+  font-size: 1.4rem;
+}
+
 // Shared Sass variables, which can be used to adjust Ionic's
 // default Sass variables, belong in "theme/variables.scss".
 //
diff --git a/app/src/components/transaction/transaction.html b/app/src/components/transaction/transaction.html
index ca9b1e8..39020c5 100644
--- a/app/src/components/transaction/transaction.html
+++ b/app/src/components/transaction/transaction.html
@@ -31,7 +31,7 @@
           <div>
             <p><a (click)="goToAddress(vin.addr)">{{ vin.addr }}</a> <span item-end>{{ vin.value + ' BTC' }}</span></p>
             <div [hidden]="!expanded">
-              <p><b>Confirmations</b> {{vin.confirmations}}</p>
+              <p *ngIf="vin.confirmations"><b>Confirmations</b> {{vin.confirmations}}</p>
               <p><b>scriptSig</b></p>
               <div *ngIf="vin.scriptSig">
                 <div *ngFor="let item of vin.scriptSig.asm | split:' '" class="ellipsis">
@@ -44,10 +44,10 @@
       </ion-list>
 
     </ion-col>
-    <ion-col col-2 text-center>
+    <ion-col col-1 text-center>
       <ion-icon name="arrow-forward"></ion-icon>
     </ion-col>
-    <ion-col col-5>
+    <ion-col col-6>
       <ion-list>
         <ion-item *ngFor="let vout of tx.vout">
           <div>
diff --git a/app/src/pages/address/address.html b/app/src/pages/address/address.html
index 9e441f5..d70fc96 100644
--- a/app/src/pages/address/address.html
+++ b/app/src/pages/address/address.html
@@ -9,7 +9,7 @@
 
   <h2>Summary</h2>
 
-  <ion-list>
+  <ion-list class="summary">
     <ion-item>
       Total Received
       <span item-end>
diff --git a/app/src/pages/block-detail/block-detail.html b/app/src/pages/block-detail/block-detail.html
index 354ef77..fcd94f6 100644
--- a/app/src/pages/block-detail/block-detail.html
+++ b/app/src/pages/block-detail/block-detail.html
@@ -8,9 +8,9 @@
 
   <h2>Summary</h2>
 
-  <ion-list *ngIf="!loading">
+  <ion-list *ngIf="!loading" class="summary">
     <ion-item>
-        Number of Transactions
+      Number of Transactions
       <span item-end>
         {{ block.tx.length }}
       </span>
diff --git a/app/src/pages/transaction/transaction.html b/app/src/pages/transaction/transaction.html
index 26a1663..bed9bd1 100644
--- a/app/src/pages/transaction/transaction.html
+++ b/app/src/pages/transaction/transaction.html
@@ -8,7 +8,7 @@
 
   <h2>Summary</h2>
 
-  <ion-list>
+  <ion-list class="summary">
     <ion-item>
       Size
       <span item-end>