From 309181032026ec99dea8b76e132124d9077e9e41 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Thu, 31 Aug 2017 12:40:01 -0400
Subject: [PATCH] more BEM-ification

---
 app/src/app/app.scss                          | 26 ++++++++++---------
 .../latest-blocks/latest-blocks.html          |  6 ++---
 .../latest-transactions.html                  |  4 +--
 app/src/pages/address/address.html            |  2 +-
 app/src/pages/block-detail/block-detail.html  |  2 +-
 app/src/pages/transaction/transaction.html    |  2 +-
 6 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/app/src/app/app.scss b/app/src/app/app.scss
index 525e8c5..806571a 100644
--- a/app/src/app/app.scss
+++ b/app/src/app/app.scss
@@ -8,6 +8,10 @@
 // Additionally, this file can be also used as an entry point
 // to import other Sass files to be included in the output CSS.
 
+body {
+  user-select: text;
+}
+
 .ellipsis {
   display: block;
   overflow: hidden;
@@ -15,24 +19,22 @@
   white-space: nowrap;
 }
 
-.summary ion-label {
-  color: #333;
-  font-weight: bold;
-}
+.list--summary {
+  ion-label {
+    color: #333;
+    font-weight: bold;
+  }
 
-.summary ion-item {
-  color: #999;
-  font-size: 1.4rem;
-}
-
-body {
-  user-select: text;
+  ion-item {
+    color: #999;
+    font-size: 1.4rem;
+  }
 }
 
 .grid--table {
   margin: 10px 0 20px;
 
-  .grid--table__row {
+  ion-row {
     border-top: 1px solid #ccc;
 
     &:first-child {
diff --git a/app/src/components/latest-blocks/latest-blocks.html b/app/src/components/latest-blocks/latest-blocks.html
index 26c6a30..30b2c4b 100644
--- a/app/src/components/latest-blocks/latest-blocks.html
+++ b/app/src/components/latest-blocks/latest-blocks.html
@@ -7,7 +7,7 @@
   <div *ngIf="!loading">
     <ion-grid class="grid--table">
 
-      <ion-row class="grid--table__row">
+      <ion-row>
         <ion-col><b>Height</b></ion-col>
         <ion-col *ngIf="showTimeAs === 'age'"><b>Age</b></ion-col>
         <ion-col *ngIf="showTimeAs === 'timestamp'"><b>Timestamp</b></ion-col>
@@ -16,7 +16,7 @@
         <ion-col text-right><b>Size</b></ion-col>
       </ion-row>
 
-      <ion-row *ngFor="let block of getBlocks()" class="grid--table__row">
+      <ion-row *ngFor="let block of getBlocks()">
         <ion-col>
           <a (click)="goToBlock(block.hash)">{{block.height}}</a>
         </ion-col>
@@ -37,7 +37,7 @@
         </ion-col>
       </ion-row>
 
-      <ion-row *ngIf="showAllBlocksButton" class="grid--table__row">
+      <ion-row *ngIf="showAllBlocksButton">
         <ion-col text-center>
           <button ion-button (click)="goToBlocks()">See all blocks</button>
         </ion-col>
diff --git a/app/src/components/latest-transactions/latest-transactions.html b/app/src/components/latest-transactions/latest-transactions.html
index d1f13ac..63f7aea 100644
--- a/app/src/components/latest-transactions/latest-transactions.html
+++ b/app/src/components/latest-transactions/latest-transactions.html
@@ -6,12 +6,12 @@
   <div *ngIf="!loading">
     <ion-grid class="grid--table">
 
-      <ion-row class="grid--table__row">
+      <ion-row>
         <ion-col><b>Hash</b></ion-col>
         <ion-col text-right><b>Value Out</b></ion-col>
       </ion-row>
 
-      <ion-row *ngFor="let tx of transactions" class="grid--table__row">
+      <ion-row *ngFor="let tx of transactions">
         <ion-col col-9>
           <div class="ellipsis">
             <a (click)="goToTx(tx.txid)">{{ tx.txid }}</a>
diff --git a/app/src/pages/address/address.html b/app/src/pages/address/address.html
index 4dfc4d7..7907e6a 100644
--- a/app/src/pages/address/address.html
+++ b/app/src/pages/address/address.html
@@ -14,7 +14,7 @@
 
     <h2>Summary</h2>
 
-    <ion-list class="summary">
+    <ion-list class="list--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 aaebe36..6979840 100644
--- a/app/src/pages/block-detail/block-detail.html
+++ b/app/src/pages/block-detail/block-detail.html
@@ -13,7 +13,7 @@
 
     <h2>Summary</h2>
 
-    <ion-list *ngIf="!loading" class="summary">
+    <ion-list *ngIf="!loading" class="list--summary">
       <ion-item>
         Number of Transactions
         <span item-end>
diff --git a/app/src/pages/transaction/transaction.html b/app/src/pages/transaction/transaction.html
index 7f904dc..6e7e42c 100644
--- a/app/src/pages/transaction/transaction.html
+++ b/app/src/pages/transaction/transaction.html
@@ -13,7 +13,7 @@
 
     <h2>Summary</h2>
 
-    <ion-list class="summary">
+    <ion-list class="list--summary">
       <ion-item>
         Size
         <span item-end>