From 9106592e6f1e73bdea4228cc01654774c4ae3c17 Mon Sep 17 00:00:00 2001
From: Eric NGUYEN <enguyen@techform.fr>
Date: Fri, 4 Nov 2022 14:54:55 +0100
Subject: [PATCH] Fix drag-drop with css and html

---
 src/Components/ElementsList/ElementsList.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/Components/ElementsList/ElementsList.tsx b/src/Components/ElementsList/ElementsList.tsx
index fb5b4d3..a450886 100644
--- a/src/Components/ElementsList/ElementsList.tsx
+++ b/src/Components/ElementsList/ElementsList.tsx
@@ -213,7 +213,7 @@ function ElementsListRow(
 
   return <button type="button"
     className={`transition-all border-blue-500 hover:shadow-lg elements-sidebar-row whitespace-pre
-          text-left text-sm font-medium inline-flex group ${container.properties.type} ${buttonSelectedClass}`}
+          text-left text-sm font-medium flex items-center align-middle group ${container.properties.type} ${buttonSelectedClass}`}
     id={key}
     key={key}
     style={style}
@@ -224,10 +224,8 @@ function ElementsListRow(
     onDragLeave={(event) => HandleDragLeave(event)}
   >
     {verticalBars}
-    <div className='pt-2 pb-2 inline-flex'>
-      {text}
-      {container.properties.warning.length > 0 &&
-        <ExclamationTriangleIcon className='pl-2 w-7' />}
-    </div>
+    {text}
+    {container.properties.warning.length > 0 &&
+      <ExclamationTriangleIcon className='pl-2 w-7' />}
   </button>;
 }