Widen input for description on imports' complete view
MODIFY
resources/assets/sass/components/row.scss
resources/assets/sass/components/row.scss
flex: none;
}
+ &.row__column--double {
+ flex: 2;
+ }
+
+ &.row__column--triple {
+ flex: 3;
+ }
+
&.row__column--middle {
align-self: center;
}

MODIFY
resources/views/imports/complete.blade.php
resources/views/imports/complete.blade.php
<div class="row row--gutter">
<div class="row__column row__column--compact" style="width: 100px;">Import</div>
<div class="row__column">{{ __('fields.date') }}</div>
- <div class="row__column">{{ __('fields.description') }}</div>
+ <div class="row__column row__column--triple">{{ __('fields.description') }}</div>
<div class="row__column">{{ __('fields.amount') }}</div>
</div>
</div>
@foreach ($rows as $index => $row)
<div class="box__section">
<div class="row row--gutter">
- <div class="row__column row__column--compact" style="width: 100px;">
+ <div class="row__column row__column--compact row__column--middle" style="width: 100px;">
<input type="checkbox" name="rows[{{ $index }}][import]" />
</div>
<div class="row__column">
<input type="text" name="rows[{{ $index }}][happened_on]" value="{{ $row['happened_on'] }}" />
{{ $errors->first('rows.' . $index . '.happened_on') }}
</div>
- <div class="row__column">
+ <div class="row__column row__column--triple">
<input type="text" name="rows[{{ $index }}][description]" value="{{ $row['description'] }}" />
{{ $errors->first('rows.' . $index . '.description') }}
</div>

Widen input for description on imports' complete view