Clean up in-line CSS for various views
MODIFY
resources/views/dashboard.blade.php
resources/views/dashboard.blade.php
@foreach ($recentSpendings as $spending)
<div class="box__section row row--seperate">
<div class="row__column">
- <div style="color: #000;">{{ $spending->description }}</div>
- <div style="margin-top: 10px; font-size: 14px;">{{ $spending->formatted_happened_on }}</div>
+ <div class="color-dark">{{ $spending->description }}</div>
+ <div class="mt-1" style="font-size: 14px;">{{ $spending->formatted_happened_on }}</div>
</div>
- <div class="row__column row__column--compact" style="color: #000; align-self: center;">{!! $currency->symbol !!} {{ $spending->formatted_amount }}</div>
+ <div class="row__column row__column--compact row__column--middle color-dark">{!! $currency->symbol !!} {{ $spending->formatted_amount }}</div>
</div>
@endforeach
@else

MODIFY
resources/views/earnings/index.blade.php
resources/views/earnings/index.blade.php
<div class="color-dark">{{ $earning->description }}</div>
<div class="mt-1" style="font-size: 14px; font-weight: 600;">{{ $earning->formatted_happened_on }}</div>
</div>
- <div class="row__column row__column--middle text-right" style="color: green;">&euro; {{ $earning->formatted_amount }}</div>
+ <div class="row__column row__column--middle color-dark text-right">&euro; {{ $earning->formatted_amount }}</div>
</div>
@endforeach
@else

MODIFY
resources/views/spendings/index.blade.php
resources/views/spendings/index.blade.php
@include('partials.tag', ['payload' => $spending->tag])
@endif
</div>
- <div class="row__column row__column--middle" style="color: red;">&euro; {{ $spending->formatted_amount }}</div>
+ <div class="row__column row__column--middle color-dark">&euro; {{ $spending->formatted_amount }}</div>
<div class="row__column row__column--middle row__column--compact">
<form method="POST" action="/spendings/{{ $spending->id }}">
{{ method_field('DELETE') }}

Clean up in-line CSS for various views