From e00373790ddc9a125894131dac8778692ed668be Mon Sep 17 00:00:00 2001
From: "Christopher C. Wells" <git@chris-wells.net>
Date: Mon, 18 Jan 2021 05:47:12 -0800
Subject: [PATCH] Fix sizing of nutrient entry fields

---
 resources/views/foods/edit.blade.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/foods/edit.blade.php b/resources/views/foods/edit.blade.php
index 795b5fa..ba669d7 100644
--- a/resources/views/foods/edit.blade.php
+++ b/resources/views/foods/edit.blade.php
@@ -110,18 +110,18 @@
                                 </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)
+                                        <!-- {{ ucfirst($nutrient) }} -->
                                         <div>
                                             <x-inputs.label for="{{ $nutrient }}"
                                                             :value="ucfirst($nutrient) . ' (g)'"/>
 
                                             <x-inputs.input id="{{ $nutrient }}"
-                                                            class="block mt-1"
+                                                            class="block w-5/6 mt-1"
                                                             type="number"
                                                             step="any"
                                                             name="{{ $nutrient }}"
-                                                            size="10"
                                                             :value="old($nutrient, $food->{$nutrient})"/>
                                         </div>
                                 @endforeach