fix dashboard and jumbotron paddings

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

@@ -55,16 +55,18 @@
           <div class="card" *ngIf="i<3" (click)="openTransactionDetailDialog(transaction)">
             <div class="card-block text-nowrap">
               <ul class="list-inline row">
-                <li class="list-inline-item hidden-xs-down col-3 text-uppercase align-bottom">{{ transaction.transactionType }}</li>
-                <li class="list-inline-item col-4 amount text-left align-baseline">
+                <li class="list-inline-item hidden-xs-down col-2 text-uppercase align-bottom">{{ transaction.transactionType }}</li>
+                <li class="list-inline-item col-3 amount text-left align-baseline">
                   <span *ngIf="transaction.transactionType == 'received'" class="text-success">+</span>
                   <span *ngIf="transaction.transactionType == 'sent'" class="text-danger">-</span>
                   {{ transaction.transactionAmount + transaction.transactionFee | coinNotation }}
                   <small class="text-uppercase">{{ coinUnit }}</small>
+                </li>
+                <li class="list-inline-item col amount text-left align-baseline">
                   <span *ngIf="transaction.transactionConfirmedInBlock" class="badge badge-success text-capitalize">Confirmed</span>
                   <span *ngIf="!transaction.transactionConfirmedInBlock" class="badge badge-warning text-capitalize">Pending</span>
                 </li>
-                <li class="list-inline-item col text-right align-baseline transactionDate">{{ transaction.transactionTimestamp * 1000 | date:'medium' }}</li>
+                <li class="list-inline-item col-3 text-right align-baseline transactionDate">{{ transaction.transactionTimestamp * 1000 | date:'medium' }}</li>
               </ul>
             </div>
           </div>

Breeze.UI/src/scss/_jumbotron.scss

@@ -5,7 +5,7 @@
   @include border-radius($border-radius-lg);
 
   @include media-breakpoint-up(sm) {
-    padding: ($jumbotron-padding * 2) $jumbotron-padding;
+    padding: $jumbotron-padding $jumbotron-padding;
   }
 }
 

Breeze.UI/src/styles.css

@@ -5319,7 +5319,7 @@ a.badge:focus, a.badge:hover {
 
 @media (min-width: 576px) {
   .jumbotron {
-    padding: 3.5rem 1.75rem;
+    padding: 1.75rem 1.75rem;
   }
 }