From 94305797dc3df5665a6cafe4d5bb34b981f882d9 Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Sat, 24 Jan 2026 20:37:12 +0530
Subject: [PATCH] style: improve styling for agent type sections list and
 draggable items.

---
 src/app/dashboard/agent-types/[id]/sections/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/dashboard/agent-types/[id]/sections/page.tsx b/src/app/dashboard/agent-types/[id]/sections/page.tsx
index 9803e71..35e3a91 100644
--- a/src/app/dashboard/agent-types/[id]/sections/page.tsx
+++ b/src/app/dashboard/agent-types/[id]/sections/page.tsx
@@ -239,7 +239,7 @@ export default function AgentTypeSectionsPage() {
             </Link>
           </div>
         ) : (
-          <div className="divide-y divide-gray-200">
+          <div className="p-4 space-y-3">
             {sections.map((section, index) => (
               <div
                 key={section.id}
@@ -247,8 +247,8 @@ export default function AgentTypeSectionsPage() {
                 onDragStart={() => handleDragStart(index)}
                 onDragOver={(e) => handleDragOver(e, index)}
                 onDragEnd={handleDragEnd}
-                className={`px-6 py-4 flex items-center justify-between hover:bg-gray-50 cursor-move transition-colors ${
-                  draggedIndex === index ? 'bg-blue-50 border-2 border-blue-300 border-dashed' : ''
+                className={`bg-white rounded-lg shadow p-4 flex items-center justify-between hover:shadow-md cursor-move transition-all ${
+                  draggedIndex === index ? 'ring-2 ring-blue-300 ring-offset-2 shadow-lg' : ''
                 }`}
               >
                 <div className="flex items-center space-x-4">