From b9c665860f166bcbe2922153d798498833dc7a17 Mon Sep 17 00:00:00 2001
From: june <self@breadone.net>
Date: Thu, 14 Aug 2025 11:19:34 +1200
Subject: [PATCH] Use fixed table widths

---
 src/pages/recipe/new.astro | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/recipe/new.astro b/src/pages/recipe/new.astro
index 0cf1319..b393980 100644
--- a/src/pages/recipe/new.astro
+++ b/src/pages/recipe/new.astro
@@ -27,9 +27,9 @@ const { recipeid } = Astro.params;
             <!-- <ImageCarousel class="w-full" recipe={re} /> -->
             <textarea
                 id="rec-name"
-                name="Recipe Name"
+                name="name"
                 rows="1"
-                placeholder="Recipe Name"
+                placeholder="Name"
                 class="text-[28pt]  font-bold h-12 p-1 leading-none mt-2 bg-white/20 rounded-lg"
                 style="resize: none;"
             />
@@ -40,18 +40,18 @@ const { recipeid } = Astro.params;
             <div class="flex flex-row align-middle items-center">
                 <p class="mt-4 text-[22pt] font-bold 'mt-4'">Ingredients</p>
             </div>
-            <table class={`table-auto text-left bg-[#2a2b2c] rounded-lg w-full`}>
+            <table class={`table-fixed  text-left bg-[#2a2b2c] rounded-lg w-full`}>
                 <thead>
                     <tr>
-                        <th class="px-4 py-2">Qty</th>
-                        <th class="px-4 py-2">Unit</th>
+                        <th class="px-4 py-2 w-25">Quantity</th>
+                        <th class="px-4 py-2 w-20">Unit</th>
                         <th class="px-4 py-2">Ingredient</th>
                     </tr>
                 </thead>
                 <tbody id="ingredient-table" class="w-full border-t px-4 py-2 border-gray-600">
                     <tr id="ingredient-input" class="">
                         <td class="px-2 py-1">
-                            <input class="w-full h-10 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Amount">
+                            <input class="w-full h-10 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Qty">
                         </td>
                         <td class="px-2 py-1">
                             <input class="w-full h-10 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Unit">