improve transaction text

Add em + .muted for the text when there's no transactions

Breeze.UI/src/app/wallet/dashboard/dashboard.component.html

@@ -63,7 +63,7 @@
           <!-- /card-->
         </div>
       </div>
-      <ng-template #noTransactions class="text-muted">Looks like you haven't made any transactions yet</ng-template>
+      <ng-template #noTransactions><em class="muted">Looks like you haven't made any transactions yet.</em></ng-template>
     </section>
     <!-- /TRANSACTIONS -->
     <status-bar></status-bar>

Breeze.UI/src/app/wallet/history/history.component.html

@@ -37,7 +37,7 @@
       </div>
       <!-- /card-->
       <div>
-        <ng-template #noTransactions class="text-muted">Looks like you haven't made any transactions yet.</ng-template>
+        <ng-template #noTransactions><em class="muted">Looks like you haven't made any transactions yet.</em></ng-template>
       </div>
     </section>
     <!-- /TRANSACTIONS -->

Breeze.UI/src/scss/_custom.scss

@@ -150,6 +150,7 @@ em {
 // transactions
 #transaction {
   padding-top: 2em;
+  .muted {opacity: .5;}
   h5 {
     font-size: .85em;
     color: $gray-dark;

Breeze.UI/src/styles.css

@@ -190,6 +190,10 @@ em.display-4 {
   padding-top: 2em;
 }
 
+#transaction .muted {
+  opacity: .5;
+}
+
 #transaction h5 {
   font-size: .85em;
   color: #878685;