From 29618660aa2eb10ba55e666df26f83ad65a08c67 Mon Sep 17 00:00:00 2001
From: shancds <shancds1@gmail.com>
Date: Tue, 24 Jun 2025 12:50:51 +0530
Subject: [PATCH] style(enhanced-kanban): enhance styling for
 EnhancedKanbanCreateTaskCard

- Added minimum height, z-index, box shadow, and margin adjustments to the EnhancedKanbanCreateTaskCard component for improved visual appearance.
- Updated class names to include hover effects, enhancing user interaction feedback.
---
 .../enhanced-kanban/EnhancedKanbanCreateTaskCard.tsx       | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanCreateTaskCard.tsx b/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanCreateTaskCard.tsx
index 6aedda9b..828c45eb 100644
--- a/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanCreateTaskCard.tsx
+++ b/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanCreateTaskCard.tsx
@@ -101,8 +101,13 @@ const EnhancedKanbanCreateTaskCard: React.FC<EnhancedKanbanCreateTaskCardProps>
         borderRadius: 6,
         cursor: 'pointer',
         overflow: 'hidden',
+        minHeight: 100,
+        zIndex: 1,
+        boxShadow: themeMode === 'dark' ? '0 2px 8px #1118' : '0 2px 8px #ccc8',
+        marginBottom: 8,
+        marginTop: 8,
       }}
-      className={`outline-1 ${themeWiseColor('outline-[#edeae9]', 'outline-[#6a696a]', themeMode)}`}
+      className={`outline-1 ${themeWiseColor('outline-[#edeae9]', 'outline-[#6a696a]', themeMode)} hover:outline`}
     >
       <Input
         ref={inputRef}