Fix sizing of nutrient entry fields

This commit is contained in:
Christopher C. Wells 2021-01-18 05:47:12 -08:00
parent ab28efba52
commit e00373790d
1 changed files with 3 additions and 3 deletions

View File

@ -110,18 +110,18 @@
</div> </div>
</div> </div>
<div class="grid grid-rows-3 md:grid-rows-2 lg:grid-rows-1 grid-flow-col"> <div class="grid grid-rows-3 sm:grid-rows-3 md:grid-rows-2 lg:grid-rows-1 grid-flow-col">
@foreach ($nutrients as $nutrient) @foreach ($nutrients as $nutrient)
<!-- {{ ucfirst($nutrient) }} -->
<div> <div>
<x-inputs.label for="{{ $nutrient }}" <x-inputs.label for="{{ $nutrient }}"
:value="ucfirst($nutrient) . ' (g)'"/> :value="ucfirst($nutrient) . ' (g)'"/>
<x-inputs.input id="{{ $nutrient }}" <x-inputs.input id="{{ $nutrient }}"
class="block mt-1" class="block w-5/6 mt-1"
type="number" type="number"
step="any" step="any"
name="{{ $nutrient }}" name="{{ $nutrient }}"
size="10"
:value="old($nutrient, $food->{$nutrient})"/> :value="old($nutrient, $food->{$nutrient})"/>
</div> </div>
@endforeach @endforeach