Update views replacing the previously removed and deprecated styling classes
MODIFY
resources/views/dashboard.blade.php
resources/views/dashboard.blade.php
@section('title', 'Dashboard')
@section('body')
- <div class="wrapper spacing-top-large spacing-bottom-large">
+ <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="row__column">

MODIFY
resources/views/earnings/create.blade.php
resources/views/earnings/create.blade.php
@extends('layout')
@section('body')
- <div class="wrapper spacing-top-large spacing-bottom-large">
+ <div class="wrapper my-4">
<div class="box">
- <div class="section">
+ <div class="box__section">
<form method="POST" action="/earnings">
{{ csrf_field() }}
<div class="input input--small">

MODIFY
resources/views/earnings/index.blade.php
resources/views/earnings/index.blade.php
@extends('layout')
@section('body')
- <div class="wrapper spacing-top-large spacing-bottom-large">
+ <div class="wrapper my-4">
<div style="color: black; margin-bottom: 20px;">{{ __('general.earnings') }}</div>
<div class="box">
@if (count($earnings))
@foreach ($earnings as $earning)
- <div class="section row">
+ <div class="box__section row">
<div class="row__column">
<div>{{ $earning->description }}</div>
<div style="margin-top: 10px; font-size: 14px;">{{ $earning->formatted_happened_on }}</div>
</div>
@endforeach
@else
- <div class="section text-center">You don't have any earnings</div>
+ <div class="box__section text-center">You don't have any earnings</div>
@endif
</div>
</div>

MODIFY
resources/views/index.blade.php
resources/views/index.blade.php
@section('body')
<div class="wallpaper">
<h1>Budget</h1>
- <div class="row gutter spacing-top-large">
- <div class="column">
+ <div class="row row--gutter mt-4">
+ <div class="row__column">
<a href="/login">Log in</a>
</div>
- <div class="column">
+ <div class="row__column">
<a href="/register">Register</a>
</div>
</div>

MODIFY
resources/views/login.blade.php
resources/views/login.blade.php
@extends('layout')
@section('body')
- <div class="wrapper narrow spacing-top-large spacing-bottom-large">
- <h2 class="text-center spacing-bottom-large">Log in</h2>
+ <div class="wrapper wrapper--narrow my-4">
+ <h2 class="text-center mb-4">Log in</h2>
@if (session('status'))
@include('partials.status_bar', ['payload' => ['classes' => 'mb-2', 'status' => session('status')]])
@endif
<div class="box">
- <div class="section">
+ <div class="box__section">
<form method="POST">
{{ csrf_field() }}
<div class="input">
</form>
</div>
</div>
- <div class="spacing-top-small text-center">
+ <div class="mt-2 text-center">
<a href="/register">New to Budget?</a>
</div>
</div>

MODIFY
resources/views/register.blade.php
resources/views/register.blade.php
@extends('layout')
@section('body')
- <div class="wrapper narrow spacing-top-large spacing-bottom-large">
- <h2 class="text-center spacing-bottom-large">Register</h2>
+ <div class="wrapper wrapper--narrow my-4">
+ <h2 class="text-center mb-4">Register</h2>
<div class="box">
- <div class="section">
+ <div class="box__section">
<form method="POST">
{{ csrf_field() }}
<div class="input">
</form>
</div>
</div>
- <div class="spacing-top-small text-center">
+ <div class="mt-2 text-center">
<a href="/login">Already on Budget?</a>
</div>
</div>

MODIFY
resources/views/settings.blade.php
resources/views/settings.blade.php
@section('title', 'Settings')
@section('body')
- <div class="wrapper spacing-top-large spacing-bottom-large">
- <div class="spacing-bottom-large color-dark">Account</div>
+ <div class="wrapper my-4">
+ <div class="mb-4 color-dark">Account</div>
<div class="box">
- <div class="section">
+ <div class="box__section">
<form method="POST" enctype="multipart/form-data">
{{ csrf_field() }}
<div class="input input--small">
</form>
</div>
</div>
- <div class="spacing-top-large spacing-bottom-large color-dark">Tags</div>
+ <div class="my-4 color-dark">Tags</div>
<div class="box">
@if (count($tags))
<ul class="box__section">

MODIFY
resources/views/spendings/create.blade.php
resources/views/spendings/create.blade.php
@extends('layout')
@section('body')
- <div class="wrapper spacing-top-large spacing-bottom-large">
+ <div class="wrapper my-4">
<div class="box">
- <div class="section">
+ <div class="box__section">
<form method="POST" action="/spendings">
{{ csrf_field() }}
<div class="input input--small">

MODIFY
resources/views/spendings/index.blade.php
resources/views/spendings/index.blade.php
@extends('layout')
@section('body')
- <div class="wrapper spacing-top-large spacing-bottom-large">
+ <div class="wrapper my-4">
<div style="color: black; margin-bottom: 20px;">{{ __('general.spendings') }}</div>
<div class="box">
@if (count($spendings))
@foreach ($spendings as $spending)
- <div class="section row">
+ <div class="box__section row">
<div class="row__column">
@if ($spending->tag)
<div style="
</div>
@endforeach
@else
- <div class="section text-center">You don't have any spendings</div>
+ <div class="box__section text-center">You don't have any spendings</div>
@endif
</div>
</div>

MODIFY
resources/views/tags/create.blade.php
resources/views/tags/create.blade.php
@extends('layout')
@section('body')
- <div class="wrapper spacing-top-large spacing-bottom-large">
+ <div class="wrapper my-4">
<div class="box">
- <div class="section">
+ <div class="box__section">
<h3>Tags &middot; Create</h3>
</div>
- <div class="section">
+ <div class="box__section">
<form method="POST" action="/tags">
{{ csrf_field() }}
<label>Name</label>

MODIFY
resources/views/tags/edit.blade.php
resources/views/tags/edit.blade.php
@extends('layout')
@section('body')
- <div class="wrapper spacing-top-large spacing-bottom-large">
+ <div class="wrapper my-4">
<div class="box">
- <div class="section">
+ <div class="box__section">
<h3>Tags &middot; Edit</h3>
</div>
- <div class="section">
+ <div class="box__section">
<form method="POST" action="/tags/{{ $tag->id }}">
{{ method_field('PATCH') }}
{{ csrf_field() }}

Update views replacing the previously removed and deprecated styling classes