Show arrows on transactions' index view and simplify their display
MODIFY
resources/views/transactions/index.blade.php
resources/views/transactions/index.blade.php
<div class="box">
@foreach ($transactions as $transaction)
<div class="box__section row">
- <div class="row__column">{{ $transaction->description }}</div>
+ <div class="row__column row__column--middle">{{ $transaction->description }}</div>
<div class="row__column">
@if ($transaction->tag)
- @include('partials.tag', ['payload' => $transaction->tag])
+ <div class="row">
+ <div class="row__column row__column--compact row__column--middle mr-05" style="font-size: 12px;">
+ <i class="fas fa-tag" style="color: #{{ $transaction->tag->color }};"></i>
+ </div>
+ <div class="row__column row__column--compact row__column--middle">{{ $transaction->tag->name }}</div>
+ </div>
+ @endif
+ </div>
+ <div class="row__column row__column--compact row__column--middle {{ get_class($transaction) == 'App\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\Earning' ? 'color-green' : 'color-red' }}">
+ @if (get_class($transaction) == 'App\Earning')
+ <i class="fas fa-arrow-alt-left fa-sm"></i>
+ @else
+ <i class="fas fa-arrow-alt-right fa-sm"></i>
@endif
</div>
- <div class="row__column {{ get_class($transaction) == 'App\Earning' ? 'color-green' : 'color-red' }}">{!! $currency !!} {{ $transaction->formatted_amount }}</div>
- <div class="row__column text-right">{{ $transaction->happened_on }}</div>
</div>
@endforeach
</div>

Show arrows on transactions' index view and simplify their display