improve recet menu ui/ux

resources/views/segments/menu/RecetMenu/RecetMenu.js

@@ -2,5 +2,16 @@ document.addEventListener('DOMContentLoaded',function () {
     document.querySelector('#rect-toggle')?.addEventListener('click',function (e) {
         e.preventDefault();
         document.querySelector('#RecetMenu').classList.toggle('show-menu');
+        setTimeout(function () {
+            document.addEventListener('click', handleDocumentClick);
+        },100);
     });
 })
+
+
+function handleDocumentClick(e) {
+    if (!document.querySelector('#RecetMenu').contains(e.target)) {
+        document.querySelector('#RecetMenu').classList.toggle('show-menu');
+        document.removeEventListener('click', handleDocumentClick);
+    }
+}

resources/views/segments/menu/RecetMenu/RecetMenu.scss

@@ -69,4 +69,10 @@
             }
         }
     }
+    .float-end {
+        i{
+            margin-top: .5rem;
+            display: inline-block;
+        }
+    }
 }