style(option-list): halve receipt separator spacing

Author: petekp

components/tool-ui/option-list/option-list.tsx

@@ -185,8 +185,10 @@ function OptionListConfirmation({
       >
         {confirmedOptions.map((option, index) => (
           <Fragment key={option.id}>
-            {index > 0 && <Separator className="my-3" orientation="horizontal" />}
-            <div className="flex items-start gap-3 py-2">
+            {index > 0 && (
+              <Separator className="my-1.5" orientation="horizontal" />
+            )}
+            <div className="flex items-start gap-3 py-1">
               <span className="flex h-6 items-center">
                 <Check className="text-primary size-4 shrink-0" />
               </span>

lib/tests/tool-ui/option-list/receipt-layout-contract.test.ts

@@ -10,7 +10,7 @@ describe("option-list receipt layout contract", () => {
     );
     const source = fs.readFileSync(sourcePath, "utf8");
 
-    expect(source).toContain('<Separator className="my-3" orientation="horizontal" />');
-    expect(source).toContain('className="flex items-start gap-3 py-2"');
+    expect(source).toContain('<Separator className="my-1.5" orientation="horizontal" />');
+    expect(source).toContain('className="flex items-start gap-3 py-1"');
   });
 });