TX amount styling

particl · Nov 3, 2017 · b978be0 · b978be0
1 parent 1807477
commit b978be0
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/src/app/wallet/shared/transaction-table/transaction-table.component.html b/src/app/wallet/shared/transaction-table/transaction-table.component.html
@@ -64,9 +64,10 @@
         <md-panel-title fxFlex.lg="30" fxFlex.lt-lg="100" *ngIf="display.amount" class="history_amount">
           <span md-line>
             <span class="amount"> 
-              <span class="big-amount">{{ tx.getAmountObject().getIntegerPart() }}</span> 
-              <span class="dot">{{ tx.getAmountObject().dot() }}</span> 
-              <span class="small-amount">{{ tx.getAmountObject().getFractionalPart() || '' }}</span> PART
+              <span class="big number">{{ tx.getAmountObject().getIntegerPart() }}</span><!-- inline element comment hack
+              --><span class="point">{{ tx.getAmountObject().dot() }}</span><!--
+              --><small class="small number">{{ tx.getAmountObject().getFractionalPart() || '' }}</small>
+              <small class="currency">PART</small>
             </span>
           </span>
         </md-panel-title>

diff --git a/src/app/wallet/shared/transaction-table/transaction-table.component.scss b/src/app/wallet/shared/transaction-table/transaction-table.component.scss
@@ -69,7 +69,18 @@
     text-align: right;
     display: block;
     .amount {
-      //font-weight: 600;
+      .big {
+        font-weight: 500;        
+      }
+      .point {
+        color: $text-muted;
+      }
+      small {
+        color: $text-muted;
+      }
+      .currency {
+        color: $text;
+      }
     }
   }