docs: 🔥 cleanup for release

README.md

@@ -43,9 +43,9 @@ Some key features:
 The idea behind it:
 
 You wrap all the drag and droppable widgets into one containing dataview that is connected to a simple non persistable
-entity with one string attribute. This is used to manage state between the widgets. For every colum you want you
+entity with one string attribute. This is used to manage state between the widgets. For every column you want you
 implement one Widget and configure it as set out below. this will give you the ability to order horizontally inside a
-colum and vertically (drag between one widget and another).
+column and vertically (drag between one widget and another).
 
 <p align="center">
 <h3>Usage</h3>

src/components/DragCard.tsx

@@ -79,15 +79,15 @@ const DragCard = ({ children, item, index, reorderAfterDrop, listOfSortableItems
     return (
         <div
             className={customClassNames}
-            style={{
-                padding: "0.5rem 1rem",
-                marginBottom: ".5rem",
-                cursor: "move",
-                borderRadius: 10,
-                border: "1px dashed",
-                borderColor: isOver ? "#c6c6c6" : "#fff",
-                backgroundColor: isDragging ? "#ddd" : "#fff"
-            }}
+            // style={{
+            //     padding: "0.5rem 1rem",
+            //     marginBottom: ".5rem",
+            //     cursor: "move",
+            //     borderRadius: 10,
+            //     border: "1px dashed",
+            //     borderColor: isOver ? "#c6c6c6" : "#fff",
+            //     backgroundColor: isDragging ? "#ddd" : "#fff"
+            // }}
             ref={ref}
         >
             {children}