josh/YesChef
1
0
Fork 0
Code Pull Requests Actions Packages Projects Releases Activity

Align add-item form controls to consistent height

Browse Source 
Section dropdown and Add button were py-2.5 while QuantityInput uses
py-2, causing a height mismatch. Normalized all controls in the second
row to py-2 and capped the section dropdown width at max-w-36.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Josh Rogers
2026-05-14 20:10:40 -05:00
parent 09003b963d
commit 32ce4d1a6b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/frontend/src/routes/lists/[id]/+page.svelte
+3 -3
View File
@@ -288,7 +288,7 @@
type="text" type="text"
bind:value={newItemQuantityNote} bind:value={newItemQuantityNote}
placeholder="e.g. to taste" placeholder="e.g. to taste"
class="w-36 rounded-lg border border-gray-300 px-2 py-2.5 text-sm focus:border-primary focus:outline-none" class="w-36 rounded-lg border border-gray-300 px-2 py-2 text-sm focus:border-primary focus:outline-none"
/> />
{:else} {:else}
<QuantityInput <QuantityInput
@@ -299,7 +299,7 @@
{#if sections.length > 0} {#if sections.length > 0}
<select <select
bind:value={newItemSectionId} bind:value={newItemSectionId}
class="rounded-lg border border-gray-300 bg-white px-2 py-2.5 text-sm focus:border-primary focus:outline-none" class="max-w-36 rounded-lg border border-gray-300 bg-white px-2 py-2 text-sm focus:border-primary focus:outline-none"
aria-label="Section" aria-label="Section"
> >
<option value={null}>Uncategorized</option> <option value={null}>Uncategorized</option>
@@ -310,7 +310,7 @@
{/if} {/if}
<button <button
type="submit" type="submit"
class="rounded-lg bg-primary px-4 py-2.5 font-semibold text-white" class="rounded-lg bg-primary px-4 py-2 font-semibold text-white"
> >
Add Add
</button> </button>