WIP: Améliorations UX et corrections de bugs avant création des épiques

keep-notes/components/masonry-grid.tsx

@@ -157,12 +157,15 @@ export function MasonryGrid({ notes, onEdit }: MasonryGridProps) {
       if (!isMounted) return;
 
       // Detect if we are on a touch device (mobile behavior)
-      const isMobile = window.matchMedia('(pointer: coarse)').matches;
+      const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+      const isMobileWidth = window.innerWidth < 768;
+      const isMobile = isTouchDevice || isMobileWidth;
 
       const layoutOptions = {
         dragEnabled: true,
-        // Always use specific drag handle to avoid conflicts
-        dragHandle: '.muuri-drag-handle',
+        // Use drag handle for mobile devices to allow smooth scrolling
+        // On desktop, whole card is draggable (no handle needed)
+        dragHandle: isMobile ? '.muuri-drag-handle' : undefined,
         dragContainer: document.body,
         dragStartPredicate: {
           distance: 10,