From ae6c4f1814d351d4304d517fda9b31d1ce72c9f8 Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Wed, 21 Apr 2021 13:14:36 +0530
Subject: [PATCH] Minor UI fixes

---
 frontend/src/Editor/Box.jsx              | 2 +-
 frontend/src/Editor/Components/Table.jsx | 6 +++---
 frontend/src/Editor/Container.jsx        | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/Editor/Box.jsx b/frontend/src/Editor/Box.jsx
index e841dccfc4..31828eedfe 100644
--- a/frontend/src/Editor/Box.jsx
+++ b/frontend/src/Editor/Box.jsx
@@ -64,7 +64,7 @@ export const Box = function Box({ id, mode, width, height, yellow, preview, comp
                     component={component}>
                 </ComponentToRender>
             :
-                <div className="row p-1 m-1">
+                <div className="row p-1 m-1" style={{cursor: 'move'}}>
                     <div className="col-md-3 component-image-holder">
                         <center><img src={component.icon}/></center>
                     </div>
diff --git a/frontend/src/Editor/Components/Table.jsx b/frontend/src/Editor/Components/Table.jsx
index ed8f363b4e..2603650b69 100644
--- a/frontend/src/Editor/Components/Table.jsx
+++ b/frontend/src/Editor/Components/Table.jsx
@@ -211,9 +211,9 @@ export function Table({ id, width, height, component, onComponentClick, currentS
 		<table {...getTableProps()} className="table table-vcenter table-nowrap table-bordered" style={computedStyles}>
 			<thead>
 				{headerGroups.map(headerGroup => (
-				<tr {...headerGroup.getHeaderGroupProps()} tabIndex="0" className="tr" onDragEnd={(e) => { alert('ss'); e.preventDefault(); e.stopPropagation(); } }>
+				<tr {...headerGroup.getHeaderGroupProps()} tabIndex="0" className="tr">
 					{headerGroup.headers.map(column => (
-					<th className="th" onDragEnd={(e) => { alert('ss'); e.preventDefault(); e.stopPropagation(); }}
+					<th className="th"
 						{...column.getHeaderProps(column.getSortByToggleProps())}
 						className={
 							column.isSorted
@@ -224,7 +224,7 @@ export function Table({ id, width, height, component, onComponentClick, currentS
 						}
 					>
 						{column.render("Header")}
-						<div draggable="true" onDragEnd={(e) => { alert('ss'); e.preventDefault(); e.stopPropagation(); } }
+						<div draggable="true"
 							{...column.getResizerProps()}
 							className={`resizer ${
 								column.isResizing ? 'isResizing' : ''
diff --git a/frontend/src/Editor/Container.jsx b/frontend/src/Editor/Container.jsx
index a4e74ba0fe..1ac0c355b6 100644
--- a/frontend/src/Editor/Container.jsx
+++ b/frontend/src/Editor/Container.jsx
@@ -76,7 +76,7 @@ export const Container = ({ mode, snapToGrid, onComponentClick, onEvent, appDefi
                 componentData = JSON.parse(JSON.stringify(componentMeta));
                 componentData.name = computeComponentName(componentData.component, boxes);
 
-                left = Math.round(item.left + delta.x + document.body.offsetWidth - (document.body.offsetWidth * ((leftSideBarWidth + rightSideBarWidth)/100)));
+                left = Math.round(delta.x + document.body.offsetWidth - (document.body.offsetWidth * ((leftSideBarWidth + rightSideBarWidth)/100)));
                 
                 top = Math.round(monitor.getInitialSourceClientOffset().y - item.top + delta.y);