From 0f16f1b1095e32485cfe24fb8b0adae6a8df0d62 Mon Sep 17 00:00:00 2001
From: Johnson Cherian <johnsonc.dev@gmail.com>
Date: Thu, 14 Dec 2023 11:10:44 +0530
Subject: [PATCH] fix: corrected tab component layout

---
 frontend/src/Editor/CustomDragLayer.jsx           | 2 +-
 frontend/src/Editor/DragContainer.css             | 2 +-
 frontend/src/Editor/DragContainer.jsx             | 6 +++++-
 frontend/src/Editor/WidgetManager/widgetConfig.js | 6 +++---
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/frontend/src/Editor/CustomDragLayer.jsx b/frontend/src/Editor/CustomDragLayer.jsx
index ebcd2da944..b38d1cbcc5 100644
--- a/frontend/src/Editor/CustomDragLayer.jsx
+++ b/frontend/src/Editor/CustomDragLayer.jsx
@@ -97,7 +97,7 @@ export const CustomDragLayer = ({ canvasWidth, onDragging }) => {
   }
 
   return (
-    <div style={layerStyles}>
+    <div style={{ ...layerStyles, ...(isDragging ? { zIndex: 1061 } : {}) }}>
       <div
         style={getItemStyles(
           delta,
diff --git a/frontend/src/Editor/DragContainer.css b/frontend/src/Editor/DragContainer.css
index 35d44d6271..85c06d02ac 100644
--- a/frontend/src/Editor/DragContainer.css
+++ b/frontend/src/Editor/DragContainer.css
@@ -5,7 +5,7 @@
 	/* top: 150px;
 	left: 100px; */
 	/* line-height: 100px; */
-	text-align: center;
+	/* text-align: center; */
 	/* background: #ee8; */
 	/* color: #333; */
 	/* font-weight: bold; */
diff --git a/frontend/src/Editor/DragContainer.jsx b/frontend/src/Editor/DragContainer.jsx
index 53b77aabe0..24521348ab 100644
--- a/frontend/src/Editor/DragContainer.jsx
+++ b/frontend/src/Editor/DragContainer.jsx
@@ -206,7 +206,11 @@ export default function DragContainer({
           }}
           flushSync={flushSync}
           target={
-            draggedSubContainer ? '.asdadadasdadad' : groupedTargets.length > 1 ? [...groupedTargets] : '.widget-target'
+            draggedSubContainer || (groupedTargets.length < 2 && selectedComponents.length > 1)
+              ? '.asdadadasdadad'
+              : groupedTargets.length > 1
+              ? [...groupedTargets]
+              : '.widget-target'
           }
           origin={false}
           individualGroupable={selectedComponents.length <= 1}
diff --git a/frontend/src/Editor/WidgetManager/widgetConfig.js b/frontend/src/Editor/WidgetManager/widgetConfig.js
index 6556cb0589..9d7a246cb7 100644
--- a/frontend/src/Editor/WidgetManager/widgetConfig.js
+++ b/frontend/src/Editor/WidgetManager/widgetConfig.js
@@ -3542,7 +3542,7 @@ export const widgets = [
         componentName: 'Image',
         layout: {
           top: 60,
-          left: 37,
+          left: 17,
           height: 100,
         },
         tab: 0,
@@ -3555,7 +3555,7 @@ export const widgets = [
         componentName: 'Text',
         layout: {
           top: 100,
-          left: 17,
+          left: 5,
           height: 50,
           width: 34,
         },
@@ -3570,7 +3570,7 @@ export const widgets = [
         layout: {
           top: 0,
           left: 1,
-          width: 42,
+          width: 41,
           height: 250,
         },
         tab: 2,