Divide settings view into separate sections for profile, account and preferences
MODIFY
resources/views/settings.blade.php
resources/views/settings.blade.php
<div class="box mt-3">
<form method="POST" enctype="multipart/form-data">
{{ csrf_field() }}
- <div class="box__section">
+ <div class="box__section row">
+ <div class="row__column">Profile</div>
+ <div class="row__column" style="flex: 2;">
<div class="input input--small">
<label>{{ __('general.avatar') }}</label>
@if (Auth::user()->avatar)
<label>{{ __('general.name') }}</label>
<input type="text" name="name" value="{{ Auth::user()->name }}" />
</div>
+ </div>
+ </div>
+ <div class="box__section row">
+ <div class="row__column">Account</div>
+ <div class="row__column" style="flex: 2;">
<div class="input input--small">
<label>{{ __('general.email') }}</label>
<input type="text" name="email" value="{{ Auth::user()->email }}" />
</div>
- <div class="input input--small">
+ <div class="row">
+ <div class="row__column input">
<label>{{ __('general.password') }}</label>
<input type="password" name="password" />
@include('partials.validation_error', ['payload' => 'password'])
</div>
- <div class="input input--small">
+ <div class="row__column input ml-2">
<label>{{ __('general.verify') }} {{ __('general.password') }}</label>
<input type="password" name="password_confirmation" />
@include('partials.validation_error', ['payload' => 'password_confirmation'])
</div>
+ </div>
+ </div>
+ </div>
+ <div class="box__section row">
+ <div class="row__column">Preferences</div>
+ <div class="row__column" style="flex: 2;">
<div class="input input--small mb-0">
<label>{{ __('general.language') }}</label>
<select name="language">
@include('partials.validation_error', ['payload' => 'language'])
</div>
</div>
+ </div>
<div class="box__section box__section--highlight text-right">
<button class="button">Update</button>
</div>

Divide settings view into separate sections for profile, account and preferences