Fix missing or incomplete headers on almost every view and change their vertical spacing to 30px instead of 40px
MODIFY
resources/views/dashboard.blade.php
resources/views/dashboard.blade.php
@section('title', 'Dashboard')
@section('body')
- <div class="wrapper my-4">
- <div style="color: black; margin-bottom: 20px;">{{ __('calendar.months.' . $month) }}</div>
- <div class="row row--gutter row--responsive mb-4">
+ <div class="wrapper my-3">
+ <h2>{{ __('calendar.months.' . $month) }}</h2>
+ <div class="row row--gutter row--responsive mt-3 mb-4">
<div class="row__column">
<div class="card card--blue">
<h2 style="font-size: 20px;">{!! $currency->symbol !!} {{ number_format($totalSpendings / 100, 2) }}</h2>

MODIFY
resources/views/earnings/create.blade.php
resources/views/earnings/create.blade.php
@extends('layout')
@section('body')
- <div class="wrapper my-4">
- <div class="box">
+ <div class="wrapper my-3">
+ <h2>{{ __('actions.create') }} {{ __('general.earning') }}</h2>
+ <div class="box mt-3">
<form method="POST" action="/earnings">
{{ csrf_field() }}
<div class="box__section">

MODIFY
resources/views/earnings/index.blade.php
resources/views/earnings/index.blade.php
@extends('layout')
@section('body')
- <div class="wrapper my-4">
- <div style="color: black; margin-bottom: 20px;">{{ __('general.earnings') }}</div>
- <div class="box">
+ <div class="wrapper my-3">
+ <h2>{{ __('general.earnings') }}</h2>
+ <div class="box mt-3">
@if (count($earnings))
@foreach ($earnings as $earning)
<div class="box__section row">

MODIFY
resources/views/login.blade.php
resources/views/login.blade.php
@extends('layout')
@section('body')
- <div class="wrapper wrapper--narrow my-4">
- <h2 class="text-center mb-4">Log in</h2>
+ <div class="wrapper wrapper--narrow my-3">
+ <h2 class="text-center mb-3">Log in</h2>
@if (session('alert_type') && session('alert_message'))
@include('partials.alerts.' . session('alert_type'), ['payload' => ['classes' => 'mb-2', 'message' => session('alert_message')]])
@endif

MODIFY
resources/views/recurrings/index.blade.php
resources/views/recurrings/index.blade.php
@extends('layout')
@section('body')
- <div class="wrapper my-4">
- <div class="color-dark mb-2">{{ __('general.recurrings') }}</div>
- <div class="box">
+ <div class="wrapper my-3">
+ <h2>{{ __('general.recurrings') }}</h2>
+ <div class="box mt-3">
@foreach ($recurrings as $recurring)
<div class="box__section row">
<div class="row__column">

MODIFY
resources/views/recurrings/show.blade.php
resources/views/recurrings/show.blade.php
@extends('layout')
@section('body')
- <div class="wrapper my-4">
- <div class="color-dark mb-2">{{ $recurring->description }}</div>
- <div class="row mb-4">
+ <div class="wrapper my-3">
+ <h2>{{ $recurring->description }}</h2>
+ <div class="row my-3">
<div class="row__column row__column--compact">
@if ($recurring->due_days)
<span style="border-radius: 5px; background: #D8F9E8; color: #51B07F; padding: 5px 10px; font-size: 14px; font-weight: 600;"><i class="fas fa-check fa-xs"></i> Active</span>

MODIFY
resources/views/register.blade.php
resources/views/register.blade.php
@extends('layout')
@section('body')
- <div class="wrapper wrapper--narrow my-4">
- <h2 class="text-center mb-4">Register</h2>
+ <div class="wrapper wrapper--narrow my-3">
+ <h2 class="text-center mb-3">Register</h2>
<div class="box">
<div class="box__section">
<form method="POST">

MODIFY
resources/views/settings.blade.php
resources/views/settings.blade.php
@section('title', 'Settings')
@section('body')
- <div class="wrapper my-4">
- <div class="mb-4 color-dark">Account</div>
- <div class="box">
+ <div class="wrapper my-3">
+ <h2>Settings</h2>
+ <div class="box mt-3">
<form method="POST" enctype="multipart/form-data">
{{ csrf_field() }}
<div class="box__section">

MODIFY
resources/views/spendings/create.blade.php
resources/views/spendings/create.blade.php
@extends('layout')
@section('body')
- <div class="wrapper my-4">
- <div class="box">
+ <div class="wrapper my-3">
+ <h2>{{ __('actions.create') }} {{ __('general.spending') }}</h2>
+ <div class="box mt-3">
<form method="POST" action="/spendings">
{{ csrf_field() }}
<div class="box__section">

MODIFY
resources/views/spendings/index.blade.php
resources/views/spendings/index.blade.php
@extends('layout')
@section('body')
- <div class="wrapper my-4">
- <div style="color: black; margin-bottom: 20px;">{{ __('general.spendings') }}</div>
- <div class="box">
+ <div class="wrapper my-3">
+ <h2>{{ __('general.spendings') }}</h2>
+ <div class="box mt-3">
@if (count($spendings))
@foreach ($spendings as $spending)
<div class="box__section row">

MODIFY
resources/views/tags/create.blade.php
resources/views/tags/create.blade.php
@section('title', __('actions.create') . ' ' . __('general.tag'))
@section('body')
- <div class="wrapper my-4">
- <div class="box">
+ <div class="wrapper my-3">
+ <h2>{{ __('actions.create') }} {{ __('general.tag') }}</h2>
+ <div class="box mt-3">
<form method="POST" action="/tags">
{{ csrf_field() }}
<div class="box__section">

MODIFY
resources/views/tags/edit.blade.php
resources/views/tags/edit.blade.php
@section('title', __('actions.edit') . ' ' . __('general.tag'))
@section('body')
- <div class="wrapper my-4">
- <div class="box">
+ <div class="wrapper my-3">
+ <h2>{{ __('actions.edit') }} {{ __('general.tag') }}</h2>
+ <div class="box mt-3">
<form method="POST" action="/tags/{{ $tag->id }}">
{{ method_field('PATCH') }}
{{ csrf_field() }}

MODIFY
resources/views/tags/index.blade.php
resources/views/tags/index.blade.php
@section('title', __('general.tags'))
@section('body')
- <div class="wrapper my-4">
- <div class="row mb-4">
- <div class="row__column row__column--middle color-dark">{{ __('general.tags') }}</div>
+ <div class="wrapper my-3">
+ <div class="row mb-3">
+ <div class="row__column row__column--middle">
+ <h2>{{ __('general.tags') }}</h2>
+ </div>
<div class="row__column row__column--compact row__column--middle">
<a href="/tags/create" class="button">Create Tag</a>
</div>

Fix missing or incomplete headers on almost every view and change their vertical spacing to 30px instead of 40px