Fix checkbox alignment with negative margins

Copilot · nwalters512 · Copilot · commit 3adfd1dac707 · 2025-10-30T15:55:37.000Z
Co-authored-by: nwalters512 &lt;1476544+nwalters512@users.noreply.github.com&gt;
diff --git a/src/pages/recipes/[slug].tsx b/src/pages/recipes/[slug].tsx
@@ -183,7 +183,7 @@ const Recipe: React.FC<RecipeProps> = ({
         >
           Clear checkboxes
         </button>
-        <ul className="space-y-2">
+        <ul className="space-y-2 -mx-1.5">
           {ingredients.map((ingredient, i) => {
             const ingredientKey = `${i}-${ingredient}`
             const isChecked = !!checked[ingredientKey]

Original file line number	Diff line number	Diff line change
`@@ -183,7 +183,7 @@ const Recipe: React.FC<RecipeProps> = ({`
`183`	`183`	`>`
`184`	`184`	`Clear checkboxes`
`185`	`185`	`</button>`
`186`		`- <ul className="space-y-2">`
	`186`	`+ <ul className="space-y-2 -mx-1.5">`
`187`	`187`	`{ingredients.map((ingredient, i) => {`
`188`	`188`	const ingredientKey = `${i}-${ingredient}`
`189`	`189`	`const isChecked = !!checked[ingredientKey]`