Fix imbalanced columns in list of transactions
MODIFY
resources/assets/sass/components/helpers.scss
resources/assets/sass/components/helpers.scss
}
.w {
+ &-150 { width: 150px; }
&-50 { width: 50px; }
}

MODIFY
resources/views/transactions/index.blade.php
resources/views/transactions/index.blade.php
<i class="fas fa-recycle"></i>
@endif
</div>
- <div class="row__column row__column--compact row__column--middle {{ get_class($transaction) == 'App\Models\Earning' ? 'color-green' : 'color-red' }}">{!! $currency !!} {{ $transaction->formatted_amount }}</div>
+ <div class="row__column row__column--compact row__column--middle w-150 text-right {{ get_class($transaction) == 'App\Models\Earning' ? 'color-green' : 'color-red' }}">{!! $currency !!} {{ $transaction->formatted_amount }}</div>
<div class="row__column row__column--compact row__column--middle ml-1 {{ get_class($transaction) == 'App\Models\Earning' ? 'color-green' : 'color-red' }}">
@if (get_class($transaction) == 'App\Models\Earning')
<i class="fas fa-arrow-alt-left fa-sm"></i>

Fix imbalanced columns in list of transactions