From 72fa9334f9d63701378bd4f8556e9cc0917cb2f1 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 12 Sep 2026 17:27:40 +0000
Subject: [PATCH] Fix recipe menu clipping on right side of screen

- Changed dropdown positioning from left-0 to right-0
- Anchors menu to the right edge of the button instead of the left
- Prevents horizontal overflow on narrow or crowded screens

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01X6Thyuzg3pS1o9bSqpPuzB
---
 frontend/src/components/RecipePickerDropdown.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/RecipePickerDropdown.tsx b/frontend/src/components/RecipePickerDropdown.tsx
index d26245d..01c5ae0 100644
--- a/frontend/src/components/RecipePickerDropdown.tsx
+++ b/frontend/src/components/RecipePickerDropdown.tsx
@@ -50,7 +50,7 @@ export default function RecipePickerDropdown({ recipes, disabled, onSelect }: Re
         <BookOpen className="w-3 h-3" />
       </button>
       {open && (
-        <div className="absolute bottom-full mb-1 left-0 z-30 w-64 max-w-[80vw] rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 shadow-lg overflow-hidden">
+        <div className="absolute bottom-full mb-1 right-0 z-30 w-64 max-w-[80vw] rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 shadow-lg overflow-hidden">
           <input
             ref={inputRef}
             value={query}