col size updates

Sandeep Kumar · Sandeep Kumar · commit 726fb278a1d0 · 2022-02-01T20:18:37.000+05:30
diff --git a/fe/src/components/executionsGraph.js b/fe/src/components/executionsGraph.js
@@ -49,7 +49,7 @@ const ExecutionsGraph = (props) => {
   getLayoutedElements(props.jsonGraphData);
 
   return (
-    <ReactFlow elements={props.jsonGraphData} defaultZoom={0.6}>
+    <ReactFlow elements={props.jsonGraphData} defaultZoom={1}>
       <Background variant="dots" gap={25} size={1} />
     </ReactFlow>
   );
diff --git a/fe/src/components/listStepFunctions.js b/fe/src/components/listStepFunctions.js
@@ -69,20 +69,29 @@ const ListStepFunctions = (props) => {
 
   return (
     <Row>
-      <Col style={{ width: "256px" }}>{createMenu(props.tableData)}</Col>
+      <Col
+        span={4}
+        // push={6}
+        // style={{ width: "256px" }}
+      >
+        {createMenu(props.tableData)}
+      </Col>
       {display === false ? (
-        <div
+        <Col
+          span={20}
           style={{
             display: "flex",
             justifyContent: "center",
             marginTop: "19%",
-            width: "80vw",
           }}
         >
           Click on the Step Function Name on the left to load the executions
-        </div>
+        </Col>
       ) : (
-        <Col style={{ width: "calc(100vw - 256px)" }}>
+        <Col
+          span={20}
+          // style={{ width: "calc(100vw - 256px)" }}
+        >
           <ProcessStepFunction awsInfo={props.awsInfo} data={stpFn} />
         </Col>
       )}
diff --git a/fe/src/components/processStepFunction.js b/fe/src/components/processStepFunction.js
@@ -20,17 +20,22 @@ const ProcessStepFunction = (props) => {
 
   const display = (ds) => {
     const success = (
+      //total span is 20
       <Row style={{ padding: "24px" }}>
-        <Col style={{ width: "35%", paddingRight: "12px" }}>
+        <Col
+          span={8}
+          // style={{ width: "35%", paddingRight: "12px" }}
+        >
           <ExecutionsTable
             logs={logs}
             setCurrentGraph={setCurrentGraph}
             baseGraph={baseGraph}
           />
         </Col>
         <Col
+          span={16}
           style={{
-            width: "65%",
+            // width: "65%",
             paddingLeft: "24px",
           }}
         >
